0 views

#ccde9d - Color Information

#ccde9d

Base Information

HEX

#ccde9d

RGB

204,222,157

HSL

77,50,74

HSV

77,29,87

CMYK

8,0,29,13

LAB

86,-17,30

LCH

86,34,119

XYZ

57,68,42

Web Safe

#cccc99

Web Smart

#ccdd99

is dark

luminosity

0.6751

Pantone Color

Combinations

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

#ccde9d

#AF9DDE

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

#ccde9d

#9DABDE

#D09DDE

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

#ccde9d

#9DCCDE

#DE9DCC

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

#ccde9d

#9DDED0

#AF9DDE

#DE9DAC

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

#ccde9d

#AF9DDE

#9DABDE

#D09DDE

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

#ccde9d

#ACDE9D

#9DDEAF

#9DDED0

Shades

#ccde9d Light Tints

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

#CCDE9D

#D1E1A7

#D6E5B1

#DBE8BA

#E0EBC4

#E6EFCE

#EBF2D8

#F0F5E2

#F5F8EB

#FAFCF5

#ccde9d Gray Shades

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

#CCDE9D

#C4D59A

#BDCB97

#B5C294

#AEB891

#A6AF8F

#9EA68C

#979C89

#8F9386

#888983

#ccde9d Dark Shades

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

#CCDE9D

#B8C88D

#A3B27E

#8F9B6E

#7A855E

#666F4F

#52593F

#3D432F

#292C1F

#141610

#ccde9d Red Shades

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

#CCDE9D

#D1C88D

#D6B27E

#DB9B6E

#E0855E

#E66F4F

#EB593F

#F0432F

#F52C1F

#FA1610

#ccde9d Green Shades

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

#CCDE9D

#B8D58D

#A3CB7E

#8FC26E

#7AB85E

#66AF4F

#52A63F

#3D9C2F

#29931F

#148910

#ccde9d Blue Shades

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

#CCDE9D

#B8C8A7

#A3B2B1

#8F9BBA

#7A85C4

#666FCE

#5259D8

#3D43E2

#292CEB

#1416F5

Readability Analysis

#ccde9d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.50	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.93	AA	Sample Text

#ccde9d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.50	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.93	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddd89a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ebd39f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d3d7ca`
Protanopia	No red perception - Dichromacy	`#e6d598`
Deuteranopia	No green perception - Dichromacy	`#fdcca1`
Tritanopia	No blue perception - Dichromacy	`#d6d3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#d2d9c1`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#ccde9d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccde9d Light Tints

#ccde9d Gray Shades

#ccde9d Dark Shades

#ccde9d Red Shades

#ccde9d Green Shades

#ccde9d Blue Shades

Readability Analysis

#ccde9d as Text Color

#ccde9d as Background Color

Color Blindness Simulation

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

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

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

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

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

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