0 views

#c7c7d3 - Color Information

#c7c7d3

Base Information

HEX

#c7c7d3

RGB

199,199,211

HSL

240,12,80

HSV

240,6,83

CMYK

6,6,0,17

LAB

81,2,-6

LCH

81,6,291

XYZ

56,58,70

Web Safe

#cccccc

Web Smart

#cccccc

is dark

luminosity

0.5769

Pantone Color

Combinations

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

#c7c7d3

#D3D3C7

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

#c7c7d3

#D3CDC7

#CDD3C7

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

#c7c7d3

#D3C7C7

#C7D3C7

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

#c7c7d3

#D3C7CD

#D3D3C7

#C7D3CD

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

#c7c7d3

#D3D3C7

#D3CDC7

#CDD3C7

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

#c7c7d3

#CDC7D3

#D3C7D3

#D3C7CD

Shades

#c7c7d3 Light Tints

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

#C7C7D3

#CDCDD7

#D2D2DC

#D8D8E0

#DDDDE5

#E3E3E9

#E9E9ED

#EEEEF2

#F4F4F6

#F9F9FB

#c7c7d3 Gray Shades

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

#C7C7D3

#C0C0CB

#B9B9C2

#B2B2BA

#ABABB2

#A4A4AA

#9C9CA1

#959599

#8E8E91

#878788

#c7c7d3 Dark Shades

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

#C7C7D3

#B3B3BE

#9F9FA9

#8B8B94

#77777F

#64646A

#505054

#3C3C3F

#28282A

#141415

#c7c7d3 Red Shades

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

#C7C7D3

#CDB3BE

#D29FA9

#D88B94

#DD777F

#E3646A

#E95054

#EE3C3F

#F4282A

#F91415

#c7c7d3 Green Shades

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

#C7C7D3

#B3C0BE

#9FB9A9

#8BB294

#77AB7F

#64A46A

#509C54

#3C953F

#288E2A

#148715

#c7c7d3 Blue Shades

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

#C7C7D3

#B3B3D7

#9F9FDC

#8B8BE0

#7777E5

#6464E9

#5050ED

#3C3CF2

#2828F6

#1414FB

Readability Analysis

#c7c7d3 as Text Color

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

#c7c7d3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.54	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	`#c7c6d2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d0c3d3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c6c6d4`
Protanopia	No red perception - Dichromacy	`#c7c5d2`
Deuteranopia	No green perception - Dichromacy	`#d5c1d3`
Tritanopia	No blue perception - Dichromacy	`#c6c5d5`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c8cc`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#c7c7d3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c7c7d3 Light Tints

#c7c7d3 Gray Shades

#c7c7d3 Dark Shades

#c7c7d3 Red Shades

#c7c7d3 Green Shades

#c7c7d3 Blue Shades

Readability Analysis

#c7c7d3 as Text Color

#c7c7d3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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