0 views

#ccd96f - Color Information

#ccd96f

Base Information

HEX

#ccd96f

RGB

204,217,111

HSL

67,58,64

HSV

67,49,85

CMYK

6,0,49,15

LAB

84,-20,50

LCH

84,54,111

XYZ

53,64,25

Web Safe

#cccc66

Web Smart

#ccdd77

is dark

luminosity

0.6361

Pantone Color

Combinations

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

#ccd96f

#7C6FD9

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

#ccd96f

#6F97D9

#B16FD9

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

#ccd96f

#6FCCD9

#D96FCC

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

#ccd96f

#6FD9B1

#7C6FD9

#D96F97

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

#ccd96f

#7C6FD9

#6F97D9

#B16FD9

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

#ccd96f

#97D96F

#6FD97C

#6FD9B1

Shades

#ccd96f Light Tints

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

#CCD96F

#D1DD7D

#D6E18C

#DBE49A

#E0E8A9

#E6ECB7

#EBF0C5

#F0F4D4

#F5F7E2

#FAFBF1

#ccd96f Gray Shades

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

#CCD96F

#C4D071

#BDC772

#B5BE74

#AEB576

#A6AD78

#9EA479

#979B7B

#8F927D

#88897E

#ccd96f Dark Shades

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

#CCD96F

#B8C364

#A3AE59

#8F984E

#7A8243

#666D38

#52572C

#3D4121

#292B16

#14160B

#ccd96f Red Shades

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

#CCD96F

#D1C364

#D6AE59

#DB984E

#E08243

#E66D38

#EB572C

#F04121

#F52B16

#FA160B

#ccd96f Green Shades

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

#CCD96F

#B8D064

#A3C759

#8FBE4E

#7AB543

#66AD38

#52A42C

#3D9B21

#299216

#14890B

#ccd96f Blue Shades

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

#CCD96F

#B8C37D

#A3AE8C

#8F989A

#7A82A9

#666DB7

#5257C5

#3D41D4

#292BE2

#1416F1

Readability Analysis

#ccd96f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.72	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.61	AA	Sample Text

#ccd96f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.72	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.61	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddd36d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccd74`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4d0b4`
Protanopia	No red perception - Dichromacy	`#e6d06c`
Deuteranopia	No green perception - Dichromacy	`#ffc676`
Tritanopia	No blue perception - Dichromacy	`#d9cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#ced2ac`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#ccd96f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd96f Light Tints

#ccd96f Gray Shades

#ccd96f Dark Shades

#ccd96f Red Shades

#ccd96f Green Shades

#ccd96f Blue Shades

Readability Analysis

#ccd96f as Text Color

#ccd96f as Background Color

Color Blindness Simulation

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

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

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

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

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

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