0 views

#ccf95b - Color Information

#ccf95b

Base Information

HEX

#ccf95b

RGB

204,249,91

HSL

77,93,67

HSV

77,63,98

CMYK

18,0,63,2

LAB

92,-36,69

LCH

92,78,118

XYZ

61,81,22

Web Safe

#ccff66

Web Smart

#ccff55

is dark

luminosity

0.8134

Pantone Color

Combinations

#ccf95b complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccf95b

#885BF9

#ccf95b splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf95b

#5B7DF9

#D75BF9

#ccf95b triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf95b

#5BCCF9

#F95BCC

#ccf95b tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf95b

#5BF9D7

#885BF9

#F95B7D

#ccf95b analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf95b

#885BF9

#5B7DF9

#D75BF9

#ccf95b analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#ccf95b

#7DF95B

#5BF988

#5BF9D7

Shades

#ccf95b Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#CCF95B

#D1FA6B

#D6FA7C

#DBFB8C

#E0FB9D

#E6FCAD

#EBFDBD

#F0FDCE

#F5FEDE

#FAFEEF

#ccf95b Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#CCF95B

#C4ED5F

#BDE162

#B5D566

#AEC96A

#A6BD6E

#9EB071

#97A475

#8F9879

#888C7C

#ccf95b Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#CCF95B

#B8E052

#A3C749

#8FAE40

#7A9537

#667D2E

#526424

#3D4B1B

#293212

#141909

#ccf95b Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#CCF95B

#D1E052

#D6C749

#DBAE40

#E09537

#E67D2E

#EB6424

#F04B1B

#F53212

#FA1909

#ccf95b Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#CCF95B

#B8ED52

#A3E149

#8FD540

#7AC937

#66BD2E

#52B024

#3DA41B

#299812

#148C09

#ccf95b Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#CCF95B

#B8E06B

#A3C77C

#8FAE8C

#7A959D

#667DAD

#5264BD

#3D4BCE

#2932DE

#1419EF

Readability Analysis

#ccf95b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.27	AAA	Sample Text
Red	3.29	A	Sample Text
Green	4.22	A	Sample Text
Blue	7.07	AAA	Sample Text

#ccf95b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.27	AAA	Sample Text
Red	3.29	A	Sample Text
Green	4.22	A	Sample Text
Blue	7.07	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecee76`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecec9f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d9eec1`
Protanopia	No red perception - Dichromacy	`#ffe885`
Deuteranopia	No green perception - Dichromacy	`#ffe4c5`
Tritanopia	No blue perception - Dichromacy	`#e0e8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#dbecb2`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#ccf95b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#ccf95b complementaryColors that are opposite to each other, forming a contrasting pair.

#ccf95b splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf95b triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf95b tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf95b analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf95b analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#ccf95b Light Tints

#ccf95b Gray Shades

#ccf95b Dark Shades

#ccf95b Red Shades

#ccf95b Green Shades

#ccf95b Blue Shades

Readability Analysis

#ccf95b as Text Color

#ccf95b as Background Color

Color Blindness Simulation

#ccf95b complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccf95b splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccf95b triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccf95b tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccf95b analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccf95b analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.