0 views

#c2d3e3 - Color Information

#c2d3e3

Base Information

HEX

#c2d3e3

RGB

194,211,227

HSL

209,37,83

HSV

209,15,89

CMYK

15,7,0,11

LAB

84,-3,-10

LCH

84,10,256

XYZ

59,64,82

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.6360

Pantone Color

Combinations

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

#c2d3e3

#E3D2C2

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

#c2d3e3

#E3C2C2

#E3E3C2

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

#c2d3e3

#E3C2D3

#D3E3C2

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

#c2d3e3

#E3C2E3

#E3D2C2

#C2E3C2

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

#c2d3e3

#E3D2C2

#E3C2C2

#E3E3C2

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

#c2d3e3

#C2C2E3

#D2C2E3

#E3C2E3

Shades

#c2d3e3 Light Tints

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

#C2D3E3

#C8D7E6

#CEDCE9

#D4E0EB

#DAE5EE

#E1E9F1

#E7EDF4

#EDF2F7

#F3F6F9

#F9FBFC

#c2d3e3 Gray Shades

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

#C2D3E3

#BBCBD9

#B5C2CF

#AEBAC5

#A8B2BB

#A1AAB2

#9AA1A8

#94999E

#8D9194

#87888A

#c2d3e3 Dark Shades

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

#C2D3E3

#AFBECC

#9BA9B6

#88949F

#747F88

#616A72

#4E545B

#3A3F44

#272A2D

#131517

#c2d3e3 Red Shades

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

#C2D3E3

#C8BECC

#CEA9B6

#D4949F

#DA7F88

#E16A72

#E7545B

#ED3F44

#F32A2D

#F91517

#c2d3e3 Green Shades

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

#C2D3E3

#AFCBCC

#9BC2B6

#88BA9F

#74B288

#61AA72

#4EA15B

#3A9944

#27912D

#138817

#c2d3e3 Blue Shades

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

#C2D3E3

#AFBEE6

#9BA9E9

#8894EB

#747FEE

#616AF1

#4E54F4

#3A3FF7

#272AF9

#1315FC

Readability Analysis

#c2d3e3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.72	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.61	AA	Sample Text

#c2d3e3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.72	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.61	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cad0e1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2cde4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c1d2e3`
Protanopia	No red perception - Dichromacy	`#cecee0`
Deuteranopia	No green perception - Dichromacy	`#dacae5`
Tritanopia	No blue perception - Dichromacy	`#c1d2e2`
Achromatomaly	Partial color blindness - Monochromacy	`#cbd1d7`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#c2d3e3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c2d3e3 Light Tints

#c2d3e3 Gray Shades

#c2d3e3 Dark Shades

#c2d3e3 Red Shades

#c2d3e3 Green Shades

#c2d3e3 Blue Shades

Readability Analysis

#c2d3e3 as Text Color

#c2d3e3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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