#B7EDEB

#B7EDEB

Color Values

HEX

#B7EDEB

RGB

183, 237, 235

HSL

177.8, 60.0%, 82.4%

HSV

177.8, 22.8%, 92.9%

CMYK

22.8%, 0.0%, 0.8%, 7.1%

OKLCH

0.9085 0.055 193.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B7EDEB

#EDB7B9

Analogous

#B7EDD0

#B7D4ED

#B7EDEB

Triadic

#B7EDEB

#EBB7ED

#EDEBB7

Split Complementary

#B7EDEB

#EDB7D4

#EDD0B7

Tetradic

#B7EDEB

#D0B7ED

#EDB7B9

#D4EDB7

Color Blindness Simulation

Original

#B7EDEB

Protanopia

#CECFEB

Deuteranopia

#CBC7EC

Tritanopia

#BAECEC

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1EF
300
#9DE7E4
400
#68D9D5
500
#33CCC6
600
#29A39F
700
#21837F
800
#1A6663
900
#164B49
950
#0E2F2E

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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