0 views

#ccea5d - Color Information

#ccea5d

Base Information

HEX

#ccea5d

RGB

204,234,93

HSL

73,77,64

HSV

73,60,92

CMYK

13,0,60,8

LAB

88,-29,63

LCH

88,70,115

XYZ

56,72,21

Web Safe

#ccff66

Web Smart

#ccee55

is dark

luminosity

0.7247

Pantone Color

Combinations

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

#ccea5d

#7B5DEA

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

#ccea5d

#5D85EA

#C15DEA

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

#ccea5d

#5DCCEA

#EA5DCC

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

#ccea5d

#5DEAC1

#7B5DEA

#EA5D85

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

#ccea5d

#7B5DEA

#5D85EA

#C15DEA

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

#ccea5d

#85EA5D

#5DEA7B

#5DEAC1

Shades

#ccea5d Light Tints

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

#CCEA5D

#D1EC6D

#D6EE7D

#DBF08E

#E0F29E

#E6F5AE

#EBF7BE

#F0F9CE

#F5FBDF

#FAFDEF

#ccea5d Gray Shades

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

#CCEA5D

#C4DF61

#BDD564

#B5CA68

#AEC06B

#A6B56F

#9EAA72

#97A076

#8F9579

#888B7D

#ccea5d Dark Shades

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

#CCEA5D

#B8D354

#A3BB4A

#8FA441

#7A8C38

#66752F

#525E25

#3D461C

#292F13

#141709

#ccea5d Red Shades

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

#CCEA5D

#D1D354

#D6BB4A

#DBA441

#E08C38

#E6752F

#EB5E25

#F0461C

#F52F13

#FA1709

#ccea5d Green Shades

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

#CCEA5D

#B8DF54

#A3D54A

#8FCA41

#7AC038

#66B52F

#52AA25

#3DA01C

#299513

#148B09

#ccea5d Blue Shades

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

#CCEA5D

#B8D36D

#A3BB7D

#8FA48E

#7A8C9E

#6675AE

#525EBE

#3D46CE

#292FDF

#1417EF

Readability Analysis

#ccea5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.49	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

#ccea5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.49	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7e15b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecdd89`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d7e0b8`
Protanopia	No red perception - Dichromacy	`#f7dd5a`
Deuteranopia	No green perception - Dichromacy	`#ffd6a2`
Tritanopia	No blue perception - Dichromacy	`#dddaeb`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dfac`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#ccea5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccea5d Light Tints

#ccea5d Gray Shades

#ccea5d Dark Shades

#ccea5d Red Shades

#ccea5d Green Shades

#ccea5d Blue Shades

Readability Analysis

#ccea5d as Text Color

#ccea5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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