#BEF2ED

#BEF2ED

Color Values

HEX

#BEF2ED

RGB

190, 242, 237

HSL

174.2, 66.7%, 84.7%

HSV

174.2, 21.5%, 94.9%

CMYK

21.5%, 0.0%, 2.1%, 5.1%

OKLCH

0.9239 0.0534 189.0

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BEF2ED

#F2BEC3

Analogous

#BEF2D3

#BEDDF2

#BEF2ED

Triadic

#BEF2ED

#EDBEF2

#F2EDBE

Split Complementary

#BEF2ED

#F2BEDD

#F2D3BE

Tetradic

#BEF2ED

#D3BEF2

#F2BEC3

#DDF2BE

Color Blindness Simulation

Original

#BEF2ED

Protanopia

#D5D5EE

Deuteranopia

#D2CEEE

Tritanopia

#C1EFEF

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3EF
300
#99EBE3
400
#62E0D3
500
#2AD5C4
600
#22AA9D
700
#1B887E
800
#156A62
900
#134E48
950
#0C312D

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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