#B8E2DF

#B8E2DF

Color Values

HEX

#B8E2DF

RGB

184, 226, 223

HSL

175.7, 42.0%, 80.4%

HSV

175.7, 18.6%, 88.6%

CMYK

18.6%, 0.0%, 1.3%, 11.4%

OKLCH

0.8822 0.0439 191.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#B8E2DF

#E2B8BB

Analogous

#B8E2CA

#B8D0E2

#B8E2DF

Triadic

#B8E2DF

#DFB8E2

#E2DFB8

Split Complementary

#B8E2DF

#E2B8D0

#E2CAB8

Tetradic

#B8E2DF

#CAB8E2

#E2B8BB

#D0E2B8

Color Blindness Simulation

Original

#B8E2DF

Protanopia

#CACBE0

Deuteranopia

#C8C5E0

Tritanopia

#BAE0E0

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEAE8
300
#A8DCD8
400
#79C8C3
500
#4AB5AD
600
#3B918B
700
#2F746F
800
#255B57
900
#1E4340
950
#132A29

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026