#8BEEEB

#8BEEEB

Color Values

HEX

#8BEEEB

RGB

139, 238, 235

HSL

178,2, 74,4%, 73,9%

HSV

178,2, 41,6%, 93,3%

CMYK

41,6%, 0,0%, 1,3%, 6,7%

OKLCH

0,8878 0,0936 193,1

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8BEEEB

#EE8B8E

Analogous

#8BEEB9

#8BBFEE

#8BEEEB

Triadic

#8BEEEB

#EB8BEE

#EEEB8B

Split Complementary

#8BEEEB

#EE8BBF

#EEB98B

Tetradic

#8BEEEB

#B98BEE

#EE8B8E

#BFEE8B

Color Blindness Simulation

Original

#8BEEEB

Protanopia

#B6B7EC

Deuteranopia

#B0A9EC

Tritanopia

#90ECEC

Achromatopsia

#D9D9D9

CSS Usage

background-color: #8BEEEB;
color: #8BEEEB;
border-color: #8BEEEB;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F6F4
300
#94EFED
400
#5AE7E3
500
#21DED9
600
#1AB2AD
700
#158E8B
800
#106F6C
900
#10514F
950
#0A3332

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,53: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