#B3ECDF

#B3ECDF

Color Values

HEX

#B3ECDF

RGB

179, 236, 223

HSL

166.3, 60.0%, 81.4%

HSV

166.3, 24.2%, 92.5%

CMYK

24.2%, 0.0%, 5.5%, 7.5%

OKLCH

0.9005 0.0606 179.3

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B3ECDF

#ECB3C0

Analogous

#B3ECC3

#B3DDEC

#B3ECDF

Triadic

#B3ECDF

#DFB3EC

#ECDFB3

Split Complementary

#B3ECDF

#ECB3DD

#ECC3B3

Tetradic

#B3ECDF

#C3B3EC

#ECB3C0

#DDECB3

Color Blindness Simulation

Original

#B3ECDF

Protanopia

#CCCCE2

Deuteranopia

#C8C4E3

Tritanopia

#B6E5E5

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F6F2
200
#C6F1E7
300
#9DE7D6
400
#68D9BF
500
#33CCA9
600
#29A387
700
#21836C
800
#1A6655
900
#164B3F
950
#0E2F28

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026