0 views

#c8f4f8 - Color Information

#c8f4f8

Base Information

HEX

#c8f4f8

RGB

200,244,248

HSL

185,77,88

HSV

185,19,97

CMYK

19,2,0,3

LAB

93,-13,-7

LCH

93,15,207

XYZ

73,84,101

Web Safe

#ccffff

Web Smart

#cceeff

is dark

luminosity

0.8376

Pantone Color

Combinations

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

#c8f4f8

#F8CCC8

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

#c8f4f8

#F8C8DC

#F8E4C8

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

#c8f4f8

#F8C8F4

#F4F8C8

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

#c8f4f8

#E4C8F8

#F8CCC8

#DCF8C8

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

#c8f4f8

#F8CCC8

#F8C8DC

#F8E4C8

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

#c8f4f8

#C8DCF8

#CCC8F8

#E4C8F8

Shades

#c8f4f8 Light Tints

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

#C8F4F8

#CEF5F9

#D3F6F9

#D9F7FA

#DEF8FB

#E4FAFC

#E9FBFC

#EFFCFD

#F4FDFE

#FAFEFE

#c8f4f8 Gray Shades

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

#C8F4F8

#C1E8EC

#BADDE0

#B2D1D4

#ABC6C8

#A4BABC

#9DAEB0

#96A3A4

#8E9798

#878C8C

#c8f4f8 Dark Shades

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

#C8F4F8

#B4DCDF

#A0C3C6

#8CABAE

#789295

#647A7C

#506263

#3C494A

#283132

#141819

#c8f4f8 Red Shades

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

#C8F4F8

#CEDCDF

#D3C3C6

#D9ABAE

#DE9295

#E47A7C

#E96263

#EF494A

#F43132

#FA1819

#c8f4f8 Green Shades

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

#C8F4F8

#B4E8DF

#A0DDC6

#8CD1AE

#78C695

#64BA7C

#50AE63

#3CA34A

#289732

#148C19

#c8f4f8 Blue Shades

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

#C8F4F8

#B4DCF9

#A0C3F9

#8CABFA

#7892FB

#647AFC

#5062FC

#3C49FD

#2831FE

#1418FE

Readability Analysis

#c8f4f8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.75	AAA	Sample Text
Red	3.38	A	Sample Text
Green	4.34	A	Sample Text
Blue	7.26	AAA	Sample Text

#c8f4f8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.75	AAA	Sample Text
Red	3.38	A	Sample Text
Green	4.34	A	Sample Text
Blue	7.26	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0eef4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e8eafb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cef2fc`
Protanopia	No red perception - Dichromacy	`#edeaf2`
Deuteranopia	No green perception - Dichromacy	`#fbe5fd`
Tritanopia	No blue perception - Dichromacy	`#d2f0ff`
Achromatomaly	Partial color blindness - Monochromacy	`#deeef0`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#c8f4f8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c8f4f8 Light Tints

#c8f4f8 Gray Shades

#c8f4f8 Dark Shades

#c8f4f8 Red Shades

#c8f4f8 Green Shades

#c8f4f8 Blue Shades

Readability Analysis

#c8f4f8 as Text Color

#c8f4f8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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