#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026