0 views

#c4e2fb - Color Information

#c4e2fb

Base Information

HEX

#c4e2fb

RGB

196,226,251

HSL

207,87,88

HSV

207,22,98

CMYK

22,10,0,2

LAB

88,-5,-15

LCH

88,16,253

XYZ

67,73,102

Web Safe

#ccccff

Web Smart

#ccddff

is dark

luminosity

0.7309

Pantone Color

Combinations

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

#c4e2fb

#FBDDC4

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

#c4e2fb

#FBC4C7

#FBF9C4

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

#c4e2fb

#FBC4E2

#E2FBC4

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

#c4e2fb

#F8C4FB

#FBDDC4

#C7FBC4

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

#c4e2fb

#FBDDC4

#FBC4C7

#FBF9C4

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

#c4e2fb

#C4C6FB

#DDC4FB

#F8C4FB

Shades

#c4e2fb Light Tints

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

#C4E2FB

#CAE5FB

#D0E8FC

#D6EBFC

#DCEEFD

#E2F1FD

#E7F3FD

#EDF6FE

#F3F9FE

#F9FCFF

#c4e2fb Gray Shades

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

#C4E2FB

#BDD8EF

#B6CEE2

#B0C5D6

#A9BBCA

#A2B1BE

#9BA7B1

#949DA5

#8E9499

#878A8C

#c4e2fb Dark Shades

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

#C4E2FB

#B0CBE2

#9DB5C9

#899EB0

#768897

#62717E

#4E5A64

#3B444B

#272D32

#141719

#c4e2fb Red Shades

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

#C4E2FB

#CACBE2

#D0B5C9

#D69EB0

#DC8897

#E2717E

#E75A64

#ED444B

#F32D32

#F91719

#c4e2fb Green Shades

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

#C4E2FB

#B0D8E2

#9DCEC9

#89C5B0

#76BB97

#62B17E

#4EA764

#3B9D4B

#279432

#148A19

#c4e2fb Blue Shades

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

#C4E2FB

#B0CBFB

#9DB5FC

#899EFC

#7688FD

#6271FD

#4E5AFD

#3B44FE

#272DFE

#1417FF

Readability Analysis

#c4e2fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.62	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.82	A	Sample Text
Blue	6.39	AA	Sample Text

#c4e2fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.62	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.82	A	Sample Text
Blue	6.39	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d1def9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8dbfd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2e2f7`
Protanopia	No red perception - Dichromacy	`#d9dbf8`
Deuteranopia	No green perception - Dichromacy	`#e3d8fe`
Tritanopia	No blue perception - Dichromacy	`#c1e2f4`
Achromatomaly	Partial color blindness - Monochromacy	`#d4dfe8`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#c4e2fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4e2fb Light Tints

#c4e2fb Gray Shades

#c4e2fb Dark Shades

#c4e2fb Red Shades

#c4e2fb Green Shades

#c4e2fb Blue Shades

Readability Analysis

#c4e2fb as Text Color

#c4e2fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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