#FFEDF6

#FFEDF6

Color Values

HEX

#FFEDF6

RGB

255, 237, 246

HSL

330.0, 100.0%, 96.5%

HSV

330.0, 7.1%, 100.0%

CMYK

0.0%, 7.1%, 3.5%, 0.0%

OKLCH

0.9629 0.0227 345.7

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFEDF6

#EDFFF6

Analogous

#FFEDFF

#FFEDED

#FFEDF6

Triadic

#FFEDF6

#F6FFED

#EDF6FF

Split Complementary

#FFEDF6

#EDFFED

#EDFFFF

Tetradic

#FFEDF6

#FFFFED

#EDFFF6

#EDEDFF

Color Blindness Simulation

Original

#FFEDF6

Protanopia

#F7F7F4

Deuteranopia

#F8FAF3

Tritanopia

#FEF2F2

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FFEDF6;
color: #FFEDF6;
border-color: #FFEDF6;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DB
300
#FF85C2
400
#FF42A1
500
#FF0080
600
#CC0066
700
#A30052
800
#800040
900
#5C0530
950
#3A031F

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.7: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