0 views

#ccdc8f - Color Information

#ccdc8f

Base Information

HEX

#ccdc8f

RGB

204,220,143

HSL

72,52,71

HSV

72,35,86

CMYK

7,0,35,14

LAB

85,-18,36

LCH

85,40,116

XYZ

55,66,36

Web Safe

#cccc99

Web Smart

#ccdd88

is dark

luminosity

0.6601

Pantone Color

Combinations

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

#ccdc8f

#9F8FDC

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

#ccdc8f

#8FA5DC

#C58FDC

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

#ccdc8f

#8FCCDC

#DC8FCC

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

#ccdc8f

#8FDCC6

#9F8FDC

#DC8FA5

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

#ccdc8f

#9F8FDC

#8FA5DC

#C58FDC

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

#ccdc8f

#A5DC8F

#8FDC9F

#8FDCC6

Shades

#ccdc8f Light Tints

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

#CCDC8F

#D1E09A

#D6E3A5

#DBE7B1

#E0EABC

#E6EEC7

#EBF1D2

#F0F5DD

#F5F8E9

#FAFCF4

#ccdc8f Gray Shades

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

#CCDC8F

#C4D38E

#BDCA8C

#B5C08B

#AEB789

#A6AE88

#9EA586

#979C85

#8F9283

#888982

#ccdc8f Dark Shades

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

#CCDC8F

#B8C681

#A3B072

#8F9A64

#7A8456

#666E48

#525839

#3D422B

#292C1D

#14160E

#ccdc8f Red Shades

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

#CCDC8F

#D1C681

#D6B072

#DB9A64

#E08456

#E66E48

#EB5839

#F0422B

#F52C1D

#FA160E

#ccdc8f Green Shades

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

#CCDC8F

#B8D381

#A3CA72

#8FC064

#7AB756

#66AE48

#52A539

#3D9C2B

#29921D

#14890E

#ccdc8f Blue Shades

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

#CCDC8F

#B8C69A

#A3B0A5

#8F9AB1

#7A84BC

#666EC7

#5258D2

#3D42DD

#292CE9

#1416F4

Readability Analysis

#ccdc8f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.20	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.47	A	Sample Text
Blue	5.81	AA	Sample Text

#ccdc8f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.20	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.47	A	Sample Text
Blue	5.81	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddd68c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd192`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d3d5c3`
Protanopia	No red perception - Dichromacy	`#e6d38b`
Deuteranopia	No green perception - Dichromacy	`#feca93`
Tritanopia	No blue perception - Dichromacy	`#d7d0e1`
Achromatomaly	Partial color blindness - Monochromacy	`#d0d6ba`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#ccdc8f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdc8f Light Tints

#ccdc8f Gray Shades

#ccdc8f Dark Shades

#ccdc8f Red Shades

#ccdc8f Green Shades

#ccdc8f Blue Shades

Readability Analysis

#ccdc8f as Text Color

#ccdc8f as Background Color

Color Blindness Simulation

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

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

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

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

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

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