0 views

#c5f9df - Color Information

#c5f9df

Base Information

HEX

#c5f9df

RGB

197,249,223

HSL

150,81,87

HSV

150,21,98

CMYK

21,0,10,2

LAB

94,-22,7

LCH

94,23,162

XYZ

70,85,82

Web Safe

#ccffcc

Web Smart

#ccffdd

is dark

luminosity

0.8495

Pantone Color

Combinations

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

#c5f9df

#F9C5DF

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

#c5f9df

#F9C5F9

#F9C5C5

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

#c5f9df

#DFC5F9

#F9DFC5

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

#c5f9df

#C5C5F9

#F9C5DF

#F9F9C5

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

#c5f9df

#F9C5DF

#F9C5F9

#F9C5C5

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

#c5f9df

#C5F9F9

#C5DFF9

#C5C5F9

Shades

#c5f9df Light Tints

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

#C5F9DF

#CBFAE2

#D1FAE5

#D6FBE9

#DCFBEC

#E2FCEF

#E8FDF2

#EEFDF5

#F3FEF9

#F9FEFC

#c5f9df Gray Shades

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

#C5F9DF

#BEEDD6

#B7E1CC

#B0D5C3

#A9C9B9

#A3BDB0

#9CB0A6

#95A49D

#8E9893

#878C8A

#c5f9df Dark Shades

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

#C5F9DF

#B1E0C9

#9EC7B2

#8AAE9C

#769586

#637D70

#4F6459

#3B4B43

#27322D

#141916

#c5f9df Red Shades

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

#C5F9DF

#CBE0C9

#D1C7B2

#D6AE9C

#DC9586

#E27D70

#E86459

#EE4B43

#F3322D

#F91916

#c5f9df Green Shades

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

#C5F9DF

#B1EDC9

#9EE1B2

#8AD59C

#76C986

#63BD70

#4FB059

#3BA443

#27982D

#148C16

#c5f9df Blue Shades

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

#C5F9DF

#B1E0E2

#9EC7E5

#8AAEE9

#7695EC

#637DEF

#4F64F2

#3B4BF5

#2732F9

#1419FC

Readability Analysis

#c5f9df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.99	AAA	Sample Text
Red	3.43	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

#c5f9df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.99	AAA	Sample Text
Red	3.43	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4f1da`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eaeee4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d0f4f3`
Protanopia	No red perception - Dichromacy	`#f6ecd8`
Deuteranopia	No green perception - Dichromacy	`#ffe8e7`
Tritanopia	No blue perception - Dichromacy	`#d6f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#def1e7`
Achromatopsia	Complete color blindness - Monochromacy	`#ececec`

#c5f9df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c5f9df Light Tints

#c5f9df Gray Shades

#c5f9df Dark Shades

#c5f9df Red Shades

#c5f9df Green Shades

#c5f9df Blue Shades

Readability Analysis

#c5f9df as Text Color

#c5f9df as Background Color

Color Blindness Simulation

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

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

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

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

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

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