0 views

#e2f6f9 - Color Information

#e2f6f9

Base Information

HEX

#e2f6f9

RGB

226,246,249

HSL

188,66,93

HSV

188,9,98

CMYK

9,1,0,2

LAB

96,-6,-4

LCH

96,7,212

XYZ

81,89,102

Web Safe

#ccffff

Web Smart

#ddeeff

is dark

luminosity

0.8892

Pantone Color

Combinations

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

#e2f6f9

#F9E5E2

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

#e2f6f9

#F9E2EB

#F9F1E2

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

#e2f6f9

#F9E2F6

#F6F9E2

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

#e2f6f9

#F1E2F9

#F9E5E2

#EBF9E2

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

#e2f6f9

#F9E5E2

#F9E2EB

#F9F1E2

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

#e2f6f9

#E2EBF9

#E5E2F9

#F1E2F9

Shades

#e2f6f9 Light Tints

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

#E2F6F9

#E5F7FA

#E8F8FA

#EBF9FB

#EEFAFB

#F1FBFC

#F3FBFD

#F6FCFD

#F9FDFE

#FCFEFE

#e2f6f9 Gray Shades

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

#E2F6F9

#D8EAED

#CEDEE1

#C5D3D5

#BBC7C9

#B1BBBD

#A7AFB0

#9DA3A4

#949898

#8A8C8C

#e2f6f9 Dark Shades

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

#E2F6F9

#CBDDE0

#B5C5C7

#9EACAE

#889495

#717B7D

#5A6264

#444A4B

#2D3132

#171919

#e2f6f9 Red Shades

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

#E2F6F9

#E5DDE0

#E8C5C7

#EBACAE

#EE9495

#F17B7D

#F36264

#F64A4B

#F93132

#FC1919

#e2f6f9 Green Shades

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

#E2F6F9

#CBEAE0

#B5DEC7

#9ED3AE

#88C795

#71BB7D

#5AAF64

#44A34B

#2D9832

#178C19

#e2f6f9 Blue Shades

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

#E2F6F9

#CBDDFA

#B5C5FA

#9EACFB

#8894FB

#717BFC

#5A62FD

#444AFD

#2D31FE

#1719FE

Readability Analysis

#e2f6f9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.78	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

#e2f6f9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.78	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eef2f7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f4f0f9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e7f4fd`
Protanopia	No red perception - Dichromacy	`#f5f0f6`
Deuteranopia	No green perception - Dichromacy	`#ffedf9`
Tritanopia	No blue perception - Dichromacy	`#e9f3ff`
Achromatomaly	Partial color blindness - Monochromacy	`#ecf3f5`
Achromatopsia	Complete color blindness - Monochromacy	`#f2f2f2`

#e2f6f9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#e2f6f9 Light Tints

#e2f6f9 Gray Shades

#e2f6f9 Dark Shades

#e2f6f9 Red Shades

#e2f6f9 Green Shades

#e2f6f9 Blue Shades

Readability Analysis

#e2f6f9 as Text Color

#e2f6f9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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