0 views

#c7cdd9 - Color Information

#c7cdd9

Base Information

HEX

#c7cdd9

RGB

199,205,217

HSL

220,19,82

HSV

220,8,85

CMYK

8,6,0,15

LAB

82,0,-7

LCH

82,7,272

XYZ

58,61,74

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.6081

Pantone Color

Combinations

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

#c7cdd9

#D9D3C7

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

#c7cdd9

#D9CAC7

#D6D9C7

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

#c7cdd9

#D9C7CD

#CDD9C7

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

#c7cdd9

#D9C7D6

#D9D3C7

#C7D9CA

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

#c7cdd9

#D9D3C7

#D9CAC7

#D6D9C7

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

#c7cdd9

#CAC7D9

#D3C7D9

#D9C7D6

Shades

#c7cdd9 Light Tints

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

#C7CDD9

#CDD2DD

#D2D7E1

#D8DCE4

#DDE1E8

#E3E6EC

#E9EBF0

#EEF0F4

#F4F5F7

#F9FAFB

#c7cdd9 Gray Shades

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

#C7CDD9

#C0C5D0

#B9BEC7

#B2B6BE

#ABAEB5

#A4A7AD

#9C9FA4

#95979B

#8E8F92

#878889

#c7cdd9 Dark Shades

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

#C7CDD9

#B3B9C3

#9FA4AE

#8B9098

#777B82

#64676D

#505257

#3C3D41

#28292B

#141416

#c7cdd9 Red Shades

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

#C7CDD9

#CDB9C3

#D2A4AE

#D89098

#DD7B82

#E3676D

#E95257

#EE3D41

#F4292B

#F91416

#c7cdd9 Green Shades

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

#C7CDD9

#B3C5C3

#9FBEAE

#8BB698

#77AE82

#64A76D

#509F57

#3C9741

#288F2B

#148816

#c7cdd9 Blue Shades

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

#C7CDD9

#B3B9DD

#9FA4E1

#8B90E4

#777BE8

#6467EC

#5052F0

#3C3DF4

#2829F7

#1414FB

Readability Analysis

#c7cdd9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.16	AAA	Sample Text
Red	2.51	Fail	Sample Text
Green	3.22	A	Sample Text
Blue	5.39	AA	Sample Text

#c7cdd9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.16	AAA	Sample Text
Red	2.51	Fail	Sample Text
Green	3.22	A	Sample Text
Blue	5.39	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cacbd8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d3c8da`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c7ccda`
Protanopia	No red perception - Dichromacy	`#cccad7`
Deuteranopia	No green perception - Dichromacy	`#d9c6da`
Tritanopia	No blue perception - Dichromacy	`#c6cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcdd1`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#c7cdd9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c7cdd9 Light Tints

#c7cdd9 Gray Shades

#c7cdd9 Dark Shades

#c7cdd9 Red Shades

#c7cdd9 Green Shades

#c7cdd9 Blue Shades

Readability Analysis

#c7cdd9 as Text Color

#c7cdd9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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