0 views

#c5d8ff - Color Information

#c5d8ff

Base Information

HEX

#c5d8ff

RGB

197,216,255

HSL

220,100,89

HSV

220,23,100

CMYK

23,15,0,0

LAB

86,2,-21

LCH

86,21,275

XYZ

66,68,104

Web Safe

#ccccff

Web Smart

#ccddff

is dark

luminosity

0.6820

Pantone Color

Combinations

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

#c5d8ff

#FFECC5

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

#c5d8ff

#FFCFC5

#F5FFC5

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

#c5d8ff

#FFC5D8

#D8FFC5

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

#c5d8ff

#FFC5F5

#FFECC5

#C5FFCF

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

#c5d8ff

#FFECC5

#FFCFC5

#F5FFC5

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

#c5d8ff

#CFC5FF

#ECC5FF

#FFC5F5

Shades

#c5d8ff Light Tints

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

#C5D8FF

#CBDCFF

#D1E0FF

#D6E4FF

#DCE8FF

#E2ECFF

#E8EFFF

#EEF3FF

#F3F7FF

#F9FBFF

#c5d8ff Gray Shades

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

#C5D8FF

#BECFF2

#B7C6E6

#B0BED9

#A9B5CC

#A3ACC0

#9CA3B3

#959AA6

#8E9299

#87898D

#c5d8ff Dark Shades

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

#C5D8FF

#B1C2E6

#9EADCC

#8A97B3

#768299

#636C80

#4F5666

#3B414C

#272B33

#141619

#c5d8ff Red Shades

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

#C5D8FF

#CBC2E6

#D1ADCC

#D697B3

#DC8299

#E26C80

#E85666

#EE414C

#F32B33

#F91619

#c5d8ff Green Shades

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

#C5D8FF

#B1CFE6

#9EC6CC

#8ABEB3

#76B599

#63AC80

#4FA366

#3B9A4C

#279233

#148919

#c5d8ff Blue Shades

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

#C5D8FF

#B1C2FF

#9EADFF

#8A97FF

#7682FF

#636CFF

#4F56FF

#3B41FF

#272BFF

#1416FF

Readability Analysis

#c5d8ff as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.64	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

#c5d8ff as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.64	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cad6fe`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d0d4ff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c1daf3`
Protanopia	No red perception - Dichromacy	`#ced4fd`
Deuteranopia	No green perception - Dichromacy	`#d6d2ff`
Tritanopia	No blue perception - Dichromacy	`#bfdaec`
Achromatomaly	Partial color blindness - Monochromacy	`#d0d7e5`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#c5d8ff - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c5d8ff Light Tints

#c5d8ff Gray Shades

#c5d8ff Dark Shades

#c5d8ff Red Shades

#c5d8ff Green Shades

#c5d8ff Blue Shades

Readability Analysis

#c5d8ff as Text Color

#c5d8ff as Background Color

Color Blindness Simulation

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

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

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

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

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

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