#BEFEDF

#BEFEDF

Color Values

HEX

#BEFEDF

RGB

190, 254, 223

HSL

150.9, 97.0%, 87.1%

HSV

150.9, 25.2%, 99.6%

CMYK

25.2%, 0.0%, 12.2%, 0.4%

OKLCH

0.9457 0.0767 163.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BEFEDF

#FEBEDD

Analogous

#BEFEBF

#BEFDFE

#BEFEDF

Triadic

#BEFEDF

#DFBEFE

#FEDFBE

Split Complementary

#BEFEDF

#FEBEFD

#FEBFBE

Tetradic

#BEFEDF

#BFBEFE

#FEBEDD

#FDFEBE

Color Blindness Simulation

Original

#BEFEDF

Protanopia

#DADAE6

Deuteranopia

#D6D1E8

Tritanopia

#C1ECEE

Achromatopsia

#EEEEEE

CSS Usage

background-color: #BEFEDF;
color: #BEFEDF;
border-color: #BEFEDF;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B9FEDC
300
#86FDC4
400
#45FCA3
500
#04FB83
600
#03C969
700
#02A154
800
#027E42
900
#065B32
950
#04391F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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