0 views

#f2eaf0 - Color Information

#f2eaf0

Base Information

HEX

#f2eaf0

RGB

242,234,240

HSL

315,24,93

HSV

315,3,95

CMYK

0,3,1,5

LAB

93,4,-2

LCH

93,4,333

XYZ

82,84,94

Web Safe

#ffffff

Web Smart

#eeeeee

is dark

luminosity

0.8401

Pantone Color

Combinations

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

#f2eaf0

#EAF2EC

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

#f2eaf0

#ECF2EA

#EAF2F0

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

#f2eaf0

#F0F2EA

#EAF0F2

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

#f2eaf0

#F2F0EA

#EAF2EC

#EAECF2

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

#f2eaf0

#EAF2EC

#ECF2EA

#EAF2F0

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

#f2eaf0

#F2EAEC

#F2ECEA

#F2F0EA

Shades

#f2eaf0 Light Tints

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

#F2EAF0

#F3ECF2

#F5EEF3

#F6F0F5

#F7F2F6

#F9F5F8

#FAF7F9

#FBF9FB

#FCFBFC

#FEFDFE

#f2eaf0 Gray Shades

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

#F2EAF0

#E7DFE5

#DBD5DA

#D0CACE

#C4C0C3

#B9B5B8

#AEAAAD

#A2A0A2

#979596

#8B8B8B

#f2eaf0 Dark Shades

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

#F2EAF0

#DAD3D8

#C2BBC0

#A9A4A8

#918C90

#797578

#615E60

#494648

#302F30

#181718

#f2eaf0 Red Shades

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

#F2EAF0

#F3D3D8

#F5BBC0

#F6A4A8

#F78C90

#F97578

#FA5E60

#FB4648

#FC2F30

#FE1718

#f2eaf0 Green Shades

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

#F2EAF0

#DADFD8

#C2D5C0

#A9CAA8

#91C090

#79B578

#61AA60

#49A048

#309530

#188B18

#f2eaf0 Blue Shades

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

#F2EAF0

#DAD3F2

#C2BBF3

#A9A4F5

#918CF6

#7975F8

#615EF9

#4946FB

#302FFC

#1817FE

Readability Analysis

#f2eaf0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.80	AAA	Sample Text
Red	3.39	A	Sample Text
Green	4.36	A	Sample Text
Blue	7.28	AAA	Sample Text

#f2eaf0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.80	AAA	Sample Text
Red	3.39	A	Sample Text
Green	4.36	A	Sample Text
Blue	7.28	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f0eaf0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fae7f0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3e9f6`
Protanopia	No red perception - Dichromacy	`#eeeaf0`
Deuteranopia	No green perception - Dichromacy	`#ffe5f1`
Tritanopia	No blue perception - Dichromacy	`#f3e8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#eeebee`
Achromatopsia	Complete color blindness - Monochromacy	`#ececec`

#f2eaf0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2eaf0 Light Tints

#f2eaf0 Gray Shades

#f2eaf0 Dark Shades

#f2eaf0 Red Shades

#f2eaf0 Green Shades

#f2eaf0 Blue Shades

Readability Analysis

#f2eaf0 as Text Color

#f2eaf0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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