#BEFDF4

#BEFDF4

Color Values

HEX

#BEFDF4

RGB

190, 253, 244

HSL

171,4, 94,0%, 86,9%

HSV

171,4, 24,9%, 99,2%

CMYK

24,9%, 0,0%, 3,6%, 0,8%

OKLCH

0,9493 0,0641 185,3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFDF4

#FDBEC7

Analogous

#BEFDD5

#BEE7FD

#BEFDF4

Triadic

#BEFDF4

#F4BEFD

#FDF4BE

Split Complementary

#BEFDF4

#FDBEE7

#FDD5BE

Tetradic

#BEFDF4

#D5BEFD

#FDBEC7

#E7FDBE

Color Blindness Simulation

Original

#BEFDF4

Protanopia

#D9DAF6

Deuteranopia

#D6D1F7

Tritanopia

#C1F8F8

Achromatopsia

#EFEFEF

CSS Usage

background-color: #BEFDF4;
color: #BEFDF4;
border-color: #BEFDF4;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FDFC
100
#DFFBF7
200
#BAFDF3
300
#88FBEB
400
#48F9E0
500
#08F7D5
600
#06C6AA
700
#059E88
800
#047C6A
900
#07594E
950
#053831

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,55: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