0 views

#c3d8ef - Color Information

#c3d8ef

Base Information

HEX

#c3d8ef

RGB

195,216,239

HSL

211,58,85

HSV

211,18,94

CMYK

18,10,0,6

LAB

85,-2,-14

LCH

85,14,260

XYZ

63,67,91

Web Safe

#ccccff

Web Smart

#bbddee

is dark

luminosity

0.6695

Pantone Color

Combinations

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

#c3d8ef

#EFDAC3

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

#c3d8ef

#EFC4C3

#EEEFC3

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

#c3d8ef

#EFC3D8

#D8EFC3

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

#c3d8ef

#EFC3EE

#EFDAC3

#C3EFC4

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

#c3d8ef

#EFDAC3

#EFC4C3

#EEEFC3

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

#c3d8ef

#C4C3EF

#DAC3EF

#EFC3EE

Shades

#c3d8ef Light Tints

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

#C3D8EF

#C9DCF1

#CFE0F2

#D5E4F4

#DBE8F5

#E1ECF7

#E7EFF9

#EDF3FA

#F3F7FC

#F9FBFD

#c3d8ef Gray Shades

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

#C3D8EF

#BCCFE4

#B6C6D9

#AFBECE

#A8B5C3

#A2ACB8

#9BA3AC

#949AA1

#8D9296

#87898B

#c3d8ef Dark Shades

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

#C3D8EF

#B0C2D7

#9CADBF

#8997A7

#75828F

#626C78

#4E5660

#3A4148

#272B30

#131618

#c3d8ef Red Shades

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

#C3D8EF

#C9C2D7

#CFADBF

#D597A7

#DB828F

#E16C78

#E75660

#ED4148

#F32B30

#F91618

#c3d8ef Green Shades

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

#C3D8EF

#B0CFD7

#9CC6BF

#89BEA7

#75B58F

#62AC78

#4EA360

#3A9A48

#279230

#138918

#c3d8ef Blue Shades

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

#C3D8EF

#B0C2F1

#9CADF2

#8997F4

#7582F5

#626CF7

#4E56F9

#3A41FA

#272BFC

#1316FD

Readability Analysis

#c3d8ef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.39	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

#c3d8ef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.39	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ccd5ed`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d3d2f0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c1d8eb`
Protanopia	No red perception - Dichromacy	`#d1d3ec`
Deuteranopia	No green perception - Dichromacy	`#dccff1`
Tritanopia	No blue perception - Dichromacy	`#c0d8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#cfd6df`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#c3d8ef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c3d8ef Light Tints

#c3d8ef Gray Shades

#c3d8ef Dark Shades

#c3d8ef Red Shades

#c3d8ef Green Shades

#c3d8ef Blue Shades

Readability Analysis

#c3d8ef as Text Color

#c3d8ef as Background Color

Color Blindness Simulation

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

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

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

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

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

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