0 views

#ccdf4b - Color Information

#ccdf4b

Base Information

HEX

#ccdf4b

RGB

204,223,75

HSL

68,70,58

HSV

68,66,87

CMYK

9,0,66,13

LAB

85,-25,67

LCH

85,72,111

XYZ

53,66,17

Web Safe

#cccc33

Web Smart

#ccdd44

is dark

luminosity

0.6612

Pantone Color

Combinations

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

#ccdf4b

#5E4BDF

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

#ccdf4b

#4B82DF

#A84BDF

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

#ccdf4b

#4BCCDF

#DF4BCC

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

#ccdf4b

#4BDFA8

#5E4BDF

#DF4B82

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

#ccdf4b

#5E4BDF

#4B82DF

#A84BDF

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

#ccdf4b

#82DF4B

#4BDF5E

#4BDFA8

Shades

#ccdf4b Light Tints

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

#CCDF4B

#D1E25D

#D6E56F

#DBE981

#E0EC93

#E6EFA5

#EBF2B7

#F0F5C9

#F5F9DB

#FAFCED

#ccdf4b Gray Shades

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

#CCDF4B

#C4D650

#BDCC56

#B5C35B

#AEB960

#A6B066

#9EA66B

#979D70

#8F9375

#888A7B

#ccdf4b Dark Shades

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

#CCDF4B

#B8C944

#A3B23C

#8F9C35

#7A862D

#667026

#52591E

#3D4316

#292D0F

#141607

#ccdf4b Red Shades

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

#CCDF4B

#D1C944

#D6B23C

#DB9C35

#E0862D

#E67026

#EB591E

#F04316

#F52D0F

#FA1607

#ccdf4b Green Shades

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

#CCDF4B

#B8D644

#A3CC3C

#8FC335

#7AB92D

#66B026

#52A61E

#3D9D16

#29930F

#148A07

#ccdf4b Blue Shades

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

#CCDF4B

#B8C95D

#A3B26F

#8F9C81

#7A8693

#6670A5

#5259B7

#3D43C9

#292DDB

#1416ED

Readability Analysis

#ccdf4b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.22	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.48	A	Sample Text
Blue	5.82	AA	Sample Text

#ccdf4b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.22	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.48	A	Sample Text
Blue	5.82	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e1d84a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd26b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6d5a9`
Protanopia	No red perception - Dichromacy	`#edd44a`
Deuteranopia	No green perception - Dichromacy	`#ffcb7e`
Tritanopia	No blue perception - Dichromacy	`#dccfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#cfd6a0`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#ccdf4b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdf4b Light Tints

#ccdf4b Gray Shades

#ccdf4b Dark Shades

#ccdf4b Red Shades

#ccdf4b Green Shades

#ccdf4b Blue Shades

Readability Analysis

#ccdf4b as Text Color

#ccdf4b as Background Color

Color Blindness Simulation

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

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

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

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

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

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