0 views

#ccda3c - Color Information

#ccda3c

Base Information

HEX

#ccda3c

RGB

204,218,60

HSL

65,68,55

HSV

65,72,85

CMYK

6,0,72,15

LAB

84,-24,71

LCH

84,75,108

XYZ

51,63,14

Web Safe

#cccc33

Web Smart

#ccdd44

is dark

luminosity

0.6331

Pantone Color

Combinations

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

#ccda3c

#4A3CDA

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

#ccda3c

#3C7DDA

#993CDA

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

#ccda3c

#3CCCDA

#DA3CCC

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

#ccda3c

#3CDA99

#4A3CDA

#DA3C7D

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

#ccda3c

#4A3CDA

#3C7DDA

#993CDA

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

#ccda3c

#7DDA3C

#3CDA4A

#3CDA99

Shades

#ccda3c Light Tints

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

#CCDA3C

#D1DE50

#D6E163

#DBE577

#E0E98A

#E6ED9E

#EBF0B1

#F0F4C5

#F5F8D8

#FAFBEC

#ccda3c Gray Shades

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

#CCDA3C

#C4D143

#BDC84A

#B5BF50

#AEB657

#A6AD5E

#9EA465

#979B6C

#8F9272

#888979

#ccda3c Dark Shades

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

#CCDA3C

#B8C436

#A3AE30

#8F992A

#7A8324

#666D1E

#525718

#3D4112

#292C0C

#141606

#ccda3c Red Shades

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

#CCDA3C

#D1C436

#D6AE30

#DB992A

#E08324

#E66D1E

#EB5718

#F04112

#F52C0C

#FA1606

#ccda3c Green Shades

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

#CCDA3C

#B8D136

#A3C830

#8FBF2A

#7AB624

#66AD1E

#52A418

#3D9B12

#29920C

#148906

#ccda3c Blue Shades

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

#CCDA3C

#B8C450

#A3AE63

#8F9977

#7A838A

#666D9E

#5257B1

#3D41C5

#292CD8

#1416EC

Readability Analysis

#ccda3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.66	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.59	AA	Sample Text

#ccda3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.66	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.59	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dfd33c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccd58`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6d0a0`
Protanopia	No red perception - Dichromacy	`#ead03c`
Deuteranopia	No green perception - Dichromacy	`#ffc667`
Tritanopia	No blue perception - Dichromacy	`#dccada`
Achromatomaly	Partial color blindness - Monochromacy	`#ccd197`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#ccda3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccda3c Light Tints

#ccda3c Gray Shades

#ccda3c Dark Shades

#ccda3c Red Shades

#ccda3c Green Shades

#ccda3c Blue Shades

Readability Analysis

#ccda3c as Text Color

#ccda3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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