0 views

#ccdf6b - Color Information

#ccdf6b

Base Information

HEX

#ccdf6b

RGB

204,223,107

HSL

70,64,65

HSV

70,52,87

CMYK

9,0,52,13

LAB

85,-23,54

LCH

85,59,113

XYZ

54,67,24

Web Safe

#cccc66

Web Smart

#ccdd66

is dark

luminosity

0.6667

Pantone Color

Combinations

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

#ccdf6b

#7E6BDF

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

#ccdf6b

#6B92DF

#B86BDF

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

#ccdf6b

#6BCCDF

#DF6BCC

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

#ccdf6b

#6BDFB8

#7E6BDF

#DF6B92

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

#ccdf6b

#7E6BDF

#6B92DF

#B86BDF

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

#ccdf6b

#92DF6B

#6BDF7E

#6BDFB8

Shades

#ccdf6b Light Tints

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

#CCDF6B

#D1E27A

#D6E589

#DBE997

#E0ECA6

#E6EFB5

#EBF2C4

#F0F5D3

#F5F9E1

#FAFCF0

#ccdf6b Gray Shades

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

#CCDF6B

#C4D66D

#BDCC6F

#B5C371

#AEB973

#A6B076

#9EA678

#979D7A

#8F937C

#888A7E

#ccdf6b Dark Shades

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

#CCDF6B

#B8C960

#A3B256

#8F9C4B

#7A8640

#667036

#52592B

#3D4320

#292D15

#14160B

#ccdf6b Red Shades

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

#CCDF6B

#D1C960

#D6B256

#DB9C4B

#E08640

#E67036

#EB592B

#F04320

#F52D15

#FA160B

#ccdf6b Green Shades

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

#CCDF6B

#B8D660

#A3CC56

#8FC34B

#7AB940

#66B036

#52A62B

#3D9D20

#299315

#148A0B

#ccdf6b Blue Shades

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

#CCDF6B

#B8C97A

#A3B289

#8F9C97

#7A86A6

#6670B5

#5259C4

#3D43D3

#292DE1

#1416F0

Readability Analysis

#ccdf6b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.33	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.87	AA	Sample Text

#ccdf6b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.33	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.87	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0d869`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd37d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5d6b6`
Protanopia	No red perception - Dichromacy	`#ecd468`
Deuteranopia	No green perception - Dichromacy	`#ffcc87`
Tritanopia	No blue perception - Dichromacy	`#dad1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#d0d7ad`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#ccdf6b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdf6b Light Tints

#ccdf6b Gray Shades

#ccdf6b Dark Shades

#ccdf6b Red Shades

#ccdf6b Green Shades

#ccdf6b Blue Shades

Readability Analysis

#ccdf6b as Text Color

#ccdf6b as Background Color

Color Blindness Simulation

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

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

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

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

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

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