0 views

#ccd18a - Color Information

#ccd18a

Base Information

HEX

#ccd18a

RGB

204,209,138

HSL

64,44,68

HSV

64,34,82

CMYK

2,0,34,18

LAB

82,-13,35

LCH

82,37,110

XYZ

52,60,33

Web Safe

#cccc99

Web Smart

#cccc88

is dark

luminosity

0.6027

Pantone Color

Combinations

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

#ccd18a

#8F8AD1

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

#ccd18a

#8AA9D1

#B38AD1

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

#ccd18a

#8ACCD1

#D18ACC

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

#ccd18a

#8AD1B3

#8F8AD1

#D18AA9

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

#ccd18a

#8F8AD1

#8AA9D1

#B38AD1

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

#ccd18a

#A9D18A

#8AD18F

#8AD1B3

Shades

#ccd18a Light Tints

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

#CCD18A

#D1D696

#D6DAA1

#DBDFAD

#E0E3B9

#E6E8C5

#EBEDD0

#F0F1DC

#F5F6E8

#FAFAF3

#ccd18a Gray Shades

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

#CCD18A

#C4C989

#BDC188

#B5B987

#AEB186

#A6A985

#9EA084

#979883

#8F9082

#888881

#ccd18a Dark Shades

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

#CCD18A

#B8BC7C

#A3A76E

#8F9261

#7A7D53

#666945

#525437

#3D3F29

#292A1C

#14150E

#ccd18a Red Shades

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

#CCD18A

#D1BC7C

#D6A76E

#DB9261

#E07D53

#E66945

#EB5437

#F03F29

#F52A1C

#FA150E

#ccd18a Green Shades

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

#CCD18A

#B8C97C

#A3C16E

#8FB961

#7AB153

#66A945

#52A037

#3D9829

#29901C

#14880E

#ccd18a Blue Shades

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

#CCD18A

#B8BC96

#A3A7A1

#8F92AD

#7A7DB9

#6669C5

#5254D0

#3D3FDC

#292AE8

#1415F3

Readability Analysis

#ccd18a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.05	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

#ccd18a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.05	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d7cd88`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e5c78c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d2caba`
Protanopia	No red perception - Dichromacy	`#ddca87`
Deuteranopia	No green perception - Dichromacy	`#f3c28d`
Tritanopia	No blue perception - Dichromacy	`#d6c6d5`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcdb3`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#ccd18a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd18a Light Tints

#ccd18a Gray Shades

#ccd18a Dark Shades

#ccd18a Red Shades

#ccd18a Green Shades

#ccd18a Blue Shades

Readability Analysis

#ccd18a as Text Color

#ccd18a as Background Color

Color Blindness Simulation

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

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

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

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

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

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