#BEFDF5

#BEFDF5

Color Values

HEX

#BEFDF5

RGB

190, 253, 245

HSL

172,4, 94,0%, 86,9%

HSV

172,4, 24,9%, 99,2%

CMYK

24,9%, 0,0%, 3,2%, 0,8%

OKLCH

0,9496 0,0639 186,5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFDF5

#FDBEC6

Analogous

#BEFDD6

#BEE6FD

#BEFDF5

Triadic

#BEFDF5

#F5BEFD

#FDF5BE

Split Complementary

#BEFDF5

#FDBEE6

#FDD6BE

Tetradic

#BEFDF5

#D6BEFD

#FDBEC6

#E6FDBE

Color Blindness Simulation

Original

#BEFDF5

Protanopia

#D9DAF7

Deuteranopia

#D6D1F7

Tritanopia

#C1F8F9

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFDF4
300
#88FBED
400
#48F9E3
500
#08F7D9
600
#06C6AE
700
#059E8B
800
#047C6C
900
#07594F
950
#053832

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

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