0 views

#ccd08f - Color Information

#ccd08f

Base Information

HEX

#ccd08f

RGB

204,208,143

HSL

64,41,69

HSV

64,31,82

CMYK

2,0,31,18

LAB

82,-12,32

LCH

82,34,110

XYZ

52,60,35

Web Safe

#cccc99

Web Smart

#cccc88

is dark

luminosity

0.5993

Pantone Color

Combinations

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

#ccd08f

#938FD0

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

#ccd08f

#8FABD0

#B38FD0

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

#ccd08f

#8FCCD0

#D08FCC

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

#ccd08f

#8FD0B3

#938FD0

#D08FAC

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

#ccd08f

#938FD0

#8FABD0

#B38FD0

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

#ccd08f

#ACD08F

#8FD093

#8FD0B3

Shades

#ccd08f Light Tints

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

#CCD08F

#D1D59A

#D6D9A5

#DBDEB1

#E0E3BC

#E6E8C7

#EBECD2

#F0F1DD

#F5F6E9

#FAFAF4

#ccd08f Gray Shades

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

#CCD08F

#C4C88E

#BDC08C

#B5B88B

#AEB089

#A6A888

#9EA086

#979885

#8F9083

#888882

#ccd08f Dark Shades

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

#CCD08F

#B8BB81

#A3A672

#8F9264

#7A7D56

#666848

#525339

#3D3E2B

#292A1D

#14150E

#ccd08f Red Shades

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

#CCD08F

#D1BB81

#D6A672

#DB9264

#E07D56

#E66848

#EB5339

#F03E2B

#F52A1D

#FA150E

#ccd08f Green Shades

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

#CCD08F

#B8C881

#A3C072

#8FB864

#7AB056

#66A848

#52A039

#3D982B

#29901D

#14880E

#ccd08f Blue Shades

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

#CCD08F

#B8BB9A

#A3A6A5

#8F92B1

#7A7DBC

#6668C7

#5253D2

#3D3EDD

#292AE9

#1415F4

Readability Analysis

#ccd08f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.99	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

#ccd08f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.99	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d6cc8d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e4c791`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d2c9bb`
Protanopia	No red perception - Dichromacy	`#dbca8c`
Deuteranopia	No green perception - Dichromacy	`#f2c192`
Tritanopia	No blue perception - Dichromacy	`#d5c5d5`
Achromatomaly	Partial color blindness - Monochromacy	`#cbccb5`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccd08f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd08f Light Tints

#ccd08f Gray Shades

#ccd08f Dark Shades

#ccd08f Red Shades

#ccd08f Green Shades

#ccd08f Blue Shades

Readability Analysis

#ccd08f as Text Color

#ccd08f as Background Color

Color Blindness Simulation

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

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

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

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

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

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