0 views

#c5d3f1 - Color Information

#c5d3f1

Base Information

HEX

#c5d3f1

RGB

197,211,241

HSL

221,61,86

HSV

221,18,95

CMYK

18,12,0,5

LAB

84,1,-16

LCH

84,16,275

XYZ

62,65,92

Web Safe

#ccccff

Web Smart

#ccccee

is dark

luminosity

0.6481

Pantone Color

Combinations

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

#c5d3f1

#F1E3C5

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

#c5d3f1

#F1CDC5

#E9F1C5

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

#c5d3f1

#F1C5D3

#D3F1C5

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

#c5d3f1

#F1C5E9

#F1E3C5

#C5F1CD

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

#c5d3f1

#F1E3C5

#F1CDC5

#E9F1C5

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

#c5d3f1

#CDC5F1

#E3C5F1

#F1C5E9

Shades

#c5d3f1 Light Tints

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

#C5D3F1

#CBD7F2

#D1DCF4

#D6E0F5

#DCE5F7

#E2E9F8

#E8EDF9

#EEF2FB

#F3F6FC

#F9FBFE

#c5d3f1 Gray Shades

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

#C5D3F1

#BECBE6

#B7C2DA

#B0BACF

#A9B2C4

#A3AAB9

#9CA1AD

#9599A2

#8E9197

#87888B

#c5d3f1 Dark Shades

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

#C5D3F1

#B1BED9

#9EA9C1

#8A94A9

#767F91

#636A79

#4F5460

#3B3F48

#272A30

#141518

#c5d3f1 Red Shades

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

#C5D3F1

#CBBED9

#D1A9C1

#D694A9

#DC7F91

#E26A79

#E85460

#EE3F48

#F32A30

#F91518

#c5d3f1 Green Shades

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

#C5D3F1

#B1CBD9

#9EC2C1

#8ABAA9

#76B291

#63AA79

#4FA160

#3B9948

#279130

#148818

#c5d3f1 Blue Shades

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

#C5D3F1

#B1BEF2

#9EA9F4

#8A94F5

#767FF7

#636AF8

#4F54F9

#3B3FFB

#272AFC

#1415FE

Readability Analysis

#c5d3f1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	13.96	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.42	A	Sample Text
Blue	5.71	AA	Sample Text

#c5d3f1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	13.96	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.42	A	Sample Text
Blue	5.71	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9d1f0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d0cff2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2d4e9`
Protanopia	No red perception - Dichromacy	`#ccd0ef`
Deuteranopia	No green perception - Dichromacy	`#d6ccf2`
Tritanopia	No blue perception - Dichromacy	`#c1d4e5`
Achromatomaly	Partial color blindness - Monochromacy	`#cdd2dd`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#c5d3f1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c5d3f1 Light Tints

#c5d3f1 Gray Shades

#c5d3f1 Dark Shades

#c5d3f1 Red Shades

#c5d3f1 Green Shades

#c5d3f1 Blue Shades

Readability Analysis

#c5d3f1 as Text Color

#c5d3f1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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