0 views

#ccd96b - Color Information

#ccd96b

Base Information

HEX

#ccd96b

RGB

204,217,107

HSL

67,59,64

HSV

67,51,85

CMYK

6,0,51,15

LAB

84,-20,52

LCH

84,56,111

XYZ

52,64,23

Web Safe

#cccc66

Web Smart

#ccdd66

is dark

luminosity

0.6352

Pantone Color

Combinations

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

#ccd96b

#786BD9

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

#ccd96b

#6B95D9

#AF6BD9

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

#ccd96b

#6BCCD9

#D96BCC

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

#ccd96b

#6BD9AF

#786BD9

#D96B95

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

#ccd96b

#786BD9

#6B95D9

#AF6BD9

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

#ccd96b

#95D96B

#6BD978

#6BD9AF

Shades

#ccd96b Light Tints

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

#CCD96B

#D1DD7A

#D6E189

#DBE497

#E0E8A6

#E6ECB5

#EBF0C4

#F0F4D3

#F5F7E1

#FAFBF0

#ccd96b Gray Shades

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

#CCD96B

#C4D06D

#BDC76F

#B5BE71

#AEB573

#A6AD76

#9EA478

#979B7A

#8F927C

#88897E

#ccd96b Dark Shades

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

#CCD96B

#B8C360

#A3AE56

#8F984B

#7A8240

#666D36

#52572B

#3D4120

#292B15

#14160B

#ccd96b Red Shades

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

#CCD96B

#D1C360

#D6AE56

#DB984B

#E08240

#E66D36

#EB572B

#F04120

#F52B15

#FA160B

#ccd96b Green Shades

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

#CCD96B

#B8D060

#A3C756

#8FBE4B

#7AB540

#66AD36

#52A42B

#3D9B20

#299215

#14890B

#ccd96b Blue Shades

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

#CCD96B

#B8C37A

#A3AE89

#8F9897

#7A82A6

#666DB5

#5257C4

#3D41D3

#292BE1

#1416F0

Readability Analysis

#ccd96b as Text Color

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

#ccd96b as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddd369`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccd71`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5d0b2`
Protanopia	No red perception - Dichromacy	`#e6d068`
Deuteranopia	No green perception - Dichromacy	`#ffc674`
Tritanopia	No blue perception - Dichromacy	`#d9cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#cdd2aa`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#ccd96b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd96b Light Tints

#ccd96b Gray Shades

#ccd96b Dark Shades

#ccd96b Red Shades

#ccd96b Green Shades

#ccd96b Blue Shades

Readability Analysis

#ccd96b as Text Color

#ccd96b as Background Color

Color Blindness Simulation

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

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

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

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

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

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