0 views

#ccda3a - Color Information

#ccda3a

Base Information

HEX

#ccda3a

RGB

204,218,58

HSL

65,68,54

HSV

65,73,85

CMYK

6,0,73,15

LAB

84,-24,72

LCH

84,76,108

XYZ

51,63,14

Web Safe

#cccc33

Web Smart

#ccdd33

is dark

luminosity

0.6329

Pantone Color

Combinations

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

#ccda3a

#483ADA

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

#ccda3a

#3A7CDA

#983ADA

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

#ccda3a

#3ACCDA

#DA3ACC

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

#ccda3a

#3ADA98

#483ADA

#DA3A7C

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

#ccda3a

#483ADA

#3A7CDA

#983ADA

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

#ccda3a

#7CDA3A

#3ADA48

#3ADA98

Shades

#ccda3a Light Tints

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

#CCDA3A

#D1DE4E

#D6E161

#DBE575

#E0E989

#E6ED9D

#EBF0B0

#F0F4C4

#F5F8D8

#FAFBEB

#ccda3a Gray Shades

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

#CCDA3A

#C4D141

#BDC848

#B5BF4F

#AEB656

#A6AD5D

#9EA464

#979B6B

#8F9272

#888979

#ccda3a Dark Shades

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

#CCDA3A

#B8C434

#A3AE2E

#8F9929

#7A8323

#666D1D

#525717

#3D4111

#292C0C

#141606

#ccda3a Red Shades

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

#CCDA3A

#D1C434

#D6AE2E

#DB9929

#E08323

#E66D1D

#EB5717

#F04111

#F52C0C

#FA1606

#ccda3a Green Shades

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

#CCDA3A

#B8D134

#A3C82E

#8FBF29

#7AB623

#66AD1D

#52A417

#3D9B11

#29920C

#148906

#ccda3a Blue Shades

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

#CCDA3A

#B8C44E

#A3AE61

#8F9975

#7A8389

#666D9D

#5257B0

#3D41C4

#292CD8

#1416EB

Readability Analysis

#ccda3a 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

#ccda3a 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	`#dfd33a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccd57`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6d0a0`
Protanopia	No red perception - Dichromacy	`#ead03a`
Deuteranopia	No green perception - Dichromacy	`#ffc667`
Tritanopia	No blue perception - Dichromacy	`#dccada`
Achromatomaly	Partial color blindness - Monochromacy	`#ccd197`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#ccda3a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccda3a Light Tints

#ccda3a Gray Shades

#ccda3a Dark Shades

#ccda3a Red Shades

#ccda3a Green Shades

#ccda3a Blue Shades

Readability Analysis

#ccda3a as Text Color

#ccda3a as Background Color

Color Blindness Simulation

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

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

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

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

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

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