0 views

#ccdda3 - Color Information

#ccdda3

Base Information

HEX

#ccdda3

RGB

204,221,163

HSL

78,46,75

HSV

78,26,87

CMYK

8,0,26,13

LAB

86,-15,27

LCH

86,31,120

XYZ

57,67,45

Web Safe

#cccc99

Web Smart

#ccddaa

is dark

luminosity

0.6719

Pantone Color

Combinations

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

#ccdda3

#B4A3DD

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

#ccdda3

#A3AFDD

#D1A3DD

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

#ccdda3

#A3CCDD

#DDA3CC

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

#ccdda3

#A3DDD1

#B4A3DD

#DDA3AF

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

#ccdda3

#B4A3DD

#A3AFDD

#D1A3DD

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

#ccdda3

#AFDDA3

#A3DDB4

#A3DDD1

Shades

#ccdda3 Light Tints

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

#CCDDA3

#D1E0AC

#D6E4B5

#DBE7BF

#E0EBC8

#E6EED1

#EBF1DA

#F0F5E3

#F5F8ED

#FAFCF6

#ccdda3 Gray Shades

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

#CCDDA3

#C4D4A0

#BDCA9C

#B5C199

#AEB895

#A6AF92

#9EA58E

#979C8B

#8F9387

#888984

#ccdda3 Dark Shades

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

#CCDDA3

#B8C793

#A3B182

#8F9B72

#7A8562

#666F52

#525841

#3D4231

#292C21

#141610

#ccdda3 Red Shades

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

#CCDDA3

#D1C793

#D6B182

#DB9B72

#E08562

#E66F52

#EB5841

#F04231

#F52C21

#FA1610

#ccdda3 Green Shades

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

#CCDDA3

#B8D493

#A3CA82

#8FC172

#7AB862

#66AF52

#52A541

#3D9C31

#299321

#148910

#ccdda3 Blue Shades

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

#CCDDA3

#B8C7AC

#A3B1B5

#8F9BBF

#7A85C8

#666FD1

#5258DA

#3D42E3

#292CED

#1416F6

Readability Analysis

#ccdda3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.44	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.53	A	Sample Text
Blue	5.91	AA	Sample Text

#ccdda3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.44	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.53	A	Sample Text
Blue	5.91	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dcd8a0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ead2a5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d2d7cc`
Protanopia	No red perception - Dichromacy	`#e5d59e`
Deuteranopia	No green perception - Dichromacy	`#fbcca6`
Tritanopia	No blue perception - Dichromacy	`#d5d3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#d2d8c3`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#ccdda3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdda3 Light Tints

#ccdda3 Gray Shades

#ccdda3 Dark Shades

#ccdda3 Red Shades

#ccdda3 Green Shades

#ccdda3 Blue Shades

Readability Analysis

#ccdda3 as Text Color

#ccdda3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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