#BEF8F2

#BEF8F2

Color Values

HEX

#BEF8F2

RGB

190, 248, 242

HSL

173.8, 80.6%, 85.9%

HSV

173.8, 23.4%, 97.3%

CMYK

23.4%, 0.0%, 2.4%, 2.7%

OKLCH

0.9381 0.059 188.3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEF8F2

#F8BEC4

Analogous

#BEF8D5

#BEE1F8

#BEF8F2

Triadic

#BEF8F2

#F2BEF8

#F8F2BE

Split Complementary

#BEF8F2

#F8BEE1

#F8D5BE

Tetradic

#BEF8F2

#D5BEF8

#F8BEC4

#E1F8BE

Color Blindness Simulation

Original

#BEF8F2

Protanopia

#D7D8F3

Deuteranopia

#D4CFF4

Tritanopia

#C1F5F5

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F7
200
#BFF8F2
300
#90F3E9
400
#55EDDD
500
#19E6D1
600
#14B8A7
700
#109386
800
#0C7369
900
#0D544C
950
#083530

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026