0 views

#ccd85d - Color Information

#ccd85d

Base Information

HEX

#ccd85d

RGB

204,216,93

HSL

66,61,61

HSV

66,57,85

CMYK

6,0,57,15

LAB

83,-21,58

LCH

83,62,110

XYZ

51,63,20

Web Safe

#cccc66

Web Smart

#ccdd55

is dark

luminosity

0.6274

Pantone Color

Combinations

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

#ccd85d

#695DD8

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

#ccd85d

#5D8ED8

#A75DD8

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

#ccd85d

#5DCCD8

#D85DCC

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

#ccd85d

#5DD8A7

#695DD8

#D85D8E

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

#ccd85d

#695DD8

#5D8ED8

#A75DD8

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

#ccd85d

#8ED85D

#5DD869

#5DD8A7

Shades

#ccd85d Light Tints

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

#CCD85D

#D1DC6D

#D6E07D

#DBE48E

#E0E89E

#E6ECAE

#EBEFBE

#F0F3CE

#F5F7DF

#FAFBEF

#ccd85d Gray Shades

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

#CCD85D

#C4CF61

#BDC664

#B5BE68

#AEB56B

#A6AC6F

#9EA372

#979A76

#8F9279

#88897D

#ccd85d Dark Shades

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

#CCD85D

#B8C254

#A3AD4A

#8F9741

#7A8238

#666C2F

#525625

#3D411C

#292B13

#141609

#ccd85d Red Shades

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

#CCD85D

#D1C254

#D6AD4A

#DB9741

#E08238

#E66C2F

#EB5625

#F0411C

#F52B13

#FA1609

#ccd85d Green Shades

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

#CCD85D

#B8CF54

#A3C64A

#8FBE41

#7AB538

#66AC2F

#52A325

#3D9A1C

#299213

#148909

#ccd85d Blue Shades

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

#CCD85D

#B8C26D

#A3AD7D

#8F978E

#7A829E

#666CAE

#5256BE

#3D41CE

#292BDF

#1416EF

Readability Analysis

#ccd85d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.55	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.31	A	Sample Text
Blue	5.54	AA	Sample Text

#ccd85d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.55	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.31	A	Sample Text
Blue	5.54	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddd25c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccc66`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5cfac`
Protanopia	No red perception - Dichromacy	`#e6cf5b`
Deuteranopia	No green perception - Dichromacy	`#ffc56a`
Tritanopia	No blue perception - Dichromacy	`#dacad9`
Achromatomaly	Partial color blindness - Monochromacy	`#ccd1a4`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#ccd85d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd85d Light Tints

#ccd85d Gray Shades

#ccd85d Dark Shades

#ccd85d Red Shades

#ccd85d Green Shades

#ccd85d Blue Shades

Readability Analysis

#ccd85d as Text Color

#ccd85d as Background Color

Color Blindness Simulation

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

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

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

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

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

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