0 views

#ccc9b0 - Color Information

#ccc9b0

Base Information

HEX

#ccc9b0

RGB

204,201,176

HSL

54,22,75

HSV

54,14,80

CMYK

0,1,14,20

LAB

81,-3,13

LCH

81,13,104

XYZ

54,58,49

Web Safe

#cccc99

Web Smart

#ccccaa

is dark

luminosity

0.5775

Pantone Color

Combinations

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

#ccc9b0

#B0B3CC

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

#ccc9b0

#B0C1CC

#BBB0CC

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

#ccc9b0

#B0CCC9

#C9B0CC

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

#ccc9b0

#B0CCBB

#B0B3CC

#CCB0C1

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

#ccc9b0

#B0B3CC

#B0C1CC

#BBB0CC

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

#ccc9b0

#C1CCB0

#B3CCB0

#B0CCBB

Shades

#ccc9b0 Light Tints

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

#CCC9B0

#D1CEB8

#D6D4C0

#DBD9C8

#E0DFD0

#E6E4D8

#EBE9DF

#F0EFE7

#F5F4EF

#FAFAF7

#ccc9b0 Gray Shades

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

#CCC9B0

#C4C2AB

#BDBAA6

#B5B3A2

#AEAC9D

#A6A598

#9E9D93

#97968E

#8F8F8A

#888785

#ccc9b0 Dark Shades

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

#CCC9B0

#B8B59E

#A3A18D

#8F8D7B

#7A796A

#666558

#525046

#3D3C35

#292823

#141412

#ccc9b0 Red Shades

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

#CCC9B0

#D1B59E

#D6A18D

#DB8D7B

#E0796A

#E66558

#EB5046

#F03C35

#F52823

#FA1412

#ccc9b0 Green Shades

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

#CCC9B0

#B8C29E

#A3BA8D

#8FB37B

#7AAC6A

#66A558

#529D46

#3D9635

#298F23

#148712

#ccc9b0 Blue Shades

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

#CCC9B0

#B8B5B8

#A3A1C0

#8F8DC8

#7A79D0

#6665D8

#5250DF

#3D3CE7

#2928EF

#1414F7

Readability Analysis

#ccc9b0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.55	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

#ccc9b0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.55	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cfc7af`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbc3b1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cfc5c5`
Protanopia	No red perception - Dichromacy	`#d0c6ae`
Deuteranopia	No green perception - Dichromacy	`#e3bfb1`
Tritanopia	No blue perception - Dichromacy	`#d0c2d2`
Achromatomaly	Partial color blindness - Monochromacy	`#c9c8bf`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#ccc9b0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc9b0 Light Tints

#ccc9b0 Gray Shades

#ccc9b0 Dark Shades

#ccc9b0 Red Shades

#ccc9b0 Green Shades

#ccc9b0 Blue Shades

Readability Analysis

#ccc9b0 as Text Color

#ccc9b0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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