#F2EBF0

#F2EBF0

Color Values

HEX

#F2EBF0

RGB

242, 235, 240

HSL

317.1, 21.2%, 93.5%

HSV

317.1, 2.9%, 94.9%

CMYK

0.0%, 2.9%, 0.8%, 5.1%

OKLCH

0.9469 0.01 335.5

Properties

Warm Light Nearest: snow 2

Color Harmonies

Complementary

#F2EBF0

#EBF2ED

Analogous

#F0EBF2

#F2EBEC

#F2EBF0

Triadic

#F2EBF0

#F0F2EB

#EBF0F2

Split Complementary

#F2EBF0

#ECF2EB

#EBF2F0

Tetradic

#F2EBF0

#F2F0EB

#EBF2ED

#EBECF2

Color Blindness Simulation

Original

#F2EBF0

Protanopia

#EFEFEF

Deuteranopia

#EFF0EE

Tritanopia

#F2EEEE

Achromatopsia

#EDEDED

CSS Usage

background-color: #F2EBF0;
color: #F2EBF0;
border-color: #F2EBF0;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4DF
300
#CFB5C7
400
#B58DA9
500
#9B648B
600
#7C506F
700
#634059
800
#4D3246
900
#3A2734
950
#241921

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026