#BEFBDF

#BEFBDF

Color Values

HEX

#BEFBDF

RGB

190, 251, 223

HSL

152.5, 88.4%, 86.5%

HSV

152.5, 24.3%, 98.4%

CMYK

24.3%, 0.0%, 11.2%, 1.6%

OKLCH

0.9392 0.0722 165.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BEFBDF

#FBBEDA

Analogous

#BEFBC1

#BEF8FB

#BEFBDF

Triadic

#BEFBDF

#DFBEFB

#FBDFBE

Split Complementary

#BEFBDF

#FBBEF8

#FBC1BE

Tetradic

#BEFBDF

#C1BEFB

#FBBEDA

#F8FBBE

Color Blindness Simulation

Original

#BEFBDF

Protanopia

#D8D9E6

Deuteranopia

#D5D0E7

Tritanopia

#C1EBEC

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDE
300
#8CF8C6
400
#4DF4A8
500
#0FF089
600
#0CC06E
700
#099A58
800
#077844
900
#0A5734
950
#063721

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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