0 views

#ccd44c - Color Information

#ccd44c

Base Information

HEX

#ccd44c

RGB

204,212,76

HSL

64,61,56

HSV

64,64,83

CMYK

4,0,64,17

LAB

82,-20,64

LCH

82,67,107

XYZ

50,60,16

Web Safe

#cccc33

Web Smart

#cccc44

is dark

luminosity

0.6045

Pantone Color

Combinations

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

#ccd44c

#544CD4

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

#ccd44c

#4C88D4

#984CD4

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

#ccd44c

#4CCCD4

#D44CCC

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

#ccd44c

#4CD498

#544CD4

#D44C88

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

#ccd44c

#544CD4

#4C88D4

#984CD4

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

#ccd44c

#88D44C

#4CD454

#4CD498

Shades

#ccd44c Light Tints

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

#CCD44C

#D1D85E

#D6DD70

#DBE182

#E0E594

#E6EAA6

#EBEEB7

#F0F2C9

#F5F6DB

#FAFBED

#ccd44c Gray Shades

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

#CCD44C

#C4CC51

#BDC356

#B5BB5C

#AEB261

#A6AA66

#9EA26B

#979970

#8F9176

#88887B

#ccd44c Dark Shades

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

#CCD44C

#B8BF44

#A3AA3D

#8F9435

#7A7F2E

#666A26

#52551E

#3D4017

#292A0F

#141508

#ccd44c Red Shades

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

#CCD44C

#D1BF44

#D6AA3D

#DB9435

#E07F2E

#E66A26

#EB551E

#F04017

#F52A0F

#FA1508

#ccd44c Green Shades

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

#CCD44C

#B8CC44

#A3C33D

#8FBB35

#7AB22E

#66AA26

#52A21E

#3D9917

#29910F

#148808

#ccd44c Blue Shades

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

#CCD44C

#B8BF5E

#A3AA70

#8F9482

#7A7F94

#666AA6

#5255B7

#3D40C9

#292ADB

#1415ED

Readability Analysis

#ccd44c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.09	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.20	A	Sample Text
Blue	5.36	AA	Sample Text

#ccd44c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.09	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.20	A	Sample Text
Blue	5.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbce4c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecc851`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5caa3`
Protanopia	No red perception - Dichromacy	`#e4cb4b`
Deuteranopia	No green perception - Dichromacy	`#fec154`
Tritanopia	No blue perception - Dichromacy	`#dac5d4`
Achromatomaly	Partial color blindness - Monochromacy	`#cacd9b`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#ccd44c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd44c Light Tints

#ccd44c Gray Shades

#ccd44c Dark Shades

#ccd44c Red Shades

#ccd44c Green Shades

#ccd44c Blue Shades

Readability Analysis

#ccd44c as Text Color

#ccd44c as Background Color

Color Blindness Simulation

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

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

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

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

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

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