0 views

#ccda5b - Color Information

#ccda5b

Base Information

HEX

#ccda5b

RGB

204,218,91

HSL

67,63,61

HSV

67,58,85

CMYK

6,0,58,15

LAB

84,-22,59

LCH

84,63,110

XYZ

52,64,19

Web Safe

#cccc66

Web Smart

#ccdd55

is dark

luminosity

0.6374

Pantone Color

Combinations

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

#ccda5b

#695BDA

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

#ccda5b

#5B8CDA

#A85BDA

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

#ccda5b

#5BCCDA

#DA5BCC

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

#ccda5b

#5BDAA8

#695BDA

#DA5B8C

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

#ccda5b

#695BDA

#5B8CDA

#A85BDA

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

#ccda5b

#8CDA5B

#5BDA69

#5BDAA8

Shades

#ccda5b Light Tints

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

#CCDA5B

#D1DE6B

#D6E17C

#DBE58C

#E0E99D

#E6EDAD

#EBF0BD

#F0F4CE

#F5F8DE

#FAFBEF

#ccda5b Gray Shades

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

#CCDA5B

#C4D15F

#BDC862

#B5BF66

#AEB66A

#A6AD6E

#9EA471

#979B75

#8F9279

#88897C

#ccda5b Dark Shades

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

#CCDA5B

#B8C452

#A3AE49

#8F9940

#7A8337

#666D2E

#525724

#3D411B

#292C12

#141609

#ccda5b Red Shades

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

#CCDA5B

#D1C452

#D6AE49

#DB9940

#E08337

#E66D2E

#EB5724

#F0411B

#F52C12

#FA1609

#ccda5b Green Shades

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

#CCDA5B

#B8D152

#A3C849

#8FBF40

#7AB637

#66AD2E

#52A424

#3D9B1B

#299212

#148909

#ccda5b Blue Shades

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

#CCDA5B

#B8C46B

#A3AE7C

#8F998C

#7A839D

#666DAD

#5257BD

#3D41CE

#292CDE

#1416EF

Readability Analysis

#ccda5b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.75	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

#ccda5b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.75	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ded45a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecce69`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5d1ad`
Protanopia	No red perception - Dichromacy	`#e8d059`
Deuteranopia	No green perception - Dichromacy	`#ffc771`
Tritanopia	No blue perception - Dichromacy	`#dacbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#cdd2a4`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#ccda5b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccda5b Light Tints

#ccda5b Gray Shades

#ccda5b Dark Shades

#ccda5b Red Shades

#ccda5b Green Shades

#ccda5b Blue Shades

Readability Analysis

#ccda5b as Text Color

#ccda5b as Background Color

Color Blindness Simulation

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

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

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

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

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

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