#BEF2EE

#BEF2EE

Color Values

HEX

#BEF2EE

RGB

190, 242, 238

HSL

175.4, 66.7%, 84.7%

HSV

175.4, 21.5%, 94.9%

CMYK

21.5%, 0.0%, 1.7%, 5.1%

OKLCH

0.9242 0.0532 190.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BEF2EE

#F2BEC2

Analogous

#BEF2D4

#BEDCF2

#BEF2EE

Triadic

#BEF2EE

#EEBEF2

#F2EEBE

Split Complementary

#BEF2EE

#F2BEDC

#F2D4BE

Tetradic

#BEF2EE

#D4BEF2

#F2BEC2

#DCF2BE

Color Blindness Simulation

Original

#BEF2EE

Protanopia

#D5D5EF

Deuteranopia

#D2CEEF

Tritanopia

#C1F0F0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C3F3EF
300
#99EBE4
400
#62E0D6
500
#2AD5C8
600
#22AAA0
700
#1B8880
800
#156A64
900
#134E49
950
#0C312E

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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