#FFEFF6

#FFEFF6

Color Values

HEX

#FFEFF6

RGB

255, 239, 246

HSL

333.8, 100.0%, 96.9%

HSV

333.8, 6.3%, 100.0%

CMYK

0.0%, 6.3%, 3.5%, 0.0%

OKLCH

0.9667 0.0195 349.1

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFEFF6

#EFFFF8

Analogous

#FFEFFE

#FFF0EF

#FFEFF6

Triadic

#FFEFF6

#F6FFEF

#EFF6FF

Split Complementary

#FFEFF6

#EFFFF0

#EFFEFF

Tetradic

#FFEFF6

#FEFFEF

#EFFFF8

#F0EFFF

Color Blindness Simulation

Original

#FFEFF6

Protanopia

#F8F8F4

Deuteranopia

#F9FAF4

Tritanopia

#FEF3F3

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEB
200
#FFB8D7
300
#FF85BA
400
#FF4295
500
#FF006F
600
#CC0059
700
#A30047
800
#800038
900
#5C052B
950
#3A031B

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026