#B7EEEE

#B7EEEE

Color Values

HEX

#B7EEEE

RGB

183, 238, 238

HSL

180,0, 61,8%, 82,5%

HSV

180,0, 23,1%, 93,3%

CMYK

23,1%, 0,0%, 0,0%, 6,7%

OKLCH

0,9116 0,0558 196,2

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B7EEEE

#EEB7B7

Analogous

#B7EED2

#B7D2EE

#B7EEEE

Triadic

#B7EEEE

#EEB7EE

#EEEEB7

Split Complementary

#B7EEEE

#EEB7D2

#EED2B7

Tetradic

#B7EEEE

#D2B7EE

#EEB7B7

#D2EEB7

Color Blindness Simulation

Original

#B7EEEE

Protanopia

#CFCFEE

Deuteranopia

#CCC8EE

Tritanopia

#BAEEEE

Achromatopsia

#E2E2E2

CSS Usage

background-color: #B7EEEE;
color: #B7EEEE;
border-color: #B7EEEE;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFB
100
#E4F7F7
200
#C5F1F1
300
#9CE8E8
400
#66DBDB
500
#31CECE
600
#27A5A5
700
#1F8484
800
#186767
900
#164B4B
950
#0E3030

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,48:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026