0 views

#ccc6bb - Color Information

#ccc6bb

Base Information

HEX

#ccc6bb

RGB

204,198,187

HSL

39,14,77

HSV

39,8,80

CMYK

0,3,8,20

LAB

80,0,6

LCH

80,6,88

XYZ

54,57,55

Web Safe

#cccccc

Web Smart

#ccccbb

is dark

luminosity

0.5681

Pantone Color

Combinations

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

#ccc6bb

#BBC1CC

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

#ccc6bb

#BBC9CC

#BDBBCC

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

#ccc6bb

#BBCCC6

#C6BBCC

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

#ccc6bb

#BBCCBD

#BBC1CC

#CCBBCA

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

#ccc6bb

#BBC1CC

#BBC9CC

#BDBBCC

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

#ccc6bb

#CACCBB

#C1CCBB

#BBCCBD

Shades

#ccc6bb Light Tints

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

#CCC6BB

#D1CCC2

#D6D1C9

#DBD7CF

#E0DDD6

#E6E3DD

#EBE8E4

#F0EEEB

#F5F4F1

#FAF9F8

#ccc6bb Gray Shades

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

#CCC6BB

#C4BFB5

#BDB8AF

#B5B1A9

#AEAAA3

#A6A39E

#9E9C98

#979592

#8F8E8C

#888786

#ccc6bb Dark Shades

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

#CCC6BB

#B8B2A8

#A39E96

#8F8B83

#7A7770

#66635E

#524F4B

#3D3B38

#292825

#141413

#ccc6bb Red Shades

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

#CCC6BB

#D1B2A8

#D69E96

#DB8B83

#E07770

#E6635E

#EB4F4B

#F03B38

#F52825

#FA1413

#ccc6bb Green Shades

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

#CCC6BB

#B8BFA8

#A3B896

#8FB183

#7AAA70

#66A35E

#529C4B

#3D9538

#298E25

#148713

#ccc6bb Blue Shades

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

#CCC6BB

#B8B2C2

#A39EC9

#8F8BCF

#7A77D6

#6663DD

#524FE4

#3D3BEB

#2928F1

#1414F8

Readability Analysis

#ccc6bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.36	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.06	AA	Sample Text

#ccc6bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.36	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.06	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ccc5ba`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d7c1bb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cec3c8`
Protanopia	No red perception - Dichromacy	`#ccc4b9`
Deuteranopia	No green perception - Dichromacy	`#ddbebc`
Tritanopia	No blue perception - Dichromacy	`#cfc1d0`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c6c2`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ccc6bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc6bb Light Tints

#ccc6bb Gray Shades

#ccc6bb Dark Shades

#ccc6bb Red Shades

#ccc6bb Green Shades

#ccc6bb Blue Shades

Readability Analysis

#ccc6bb as Text Color

#ccc6bb as Background Color

Color Blindness Simulation

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

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

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

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

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

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