#8BFEF0

#8BFEF0

Color Values

HEX

#8BFEF0

RGB

139, 254, 240

HSL

172,7, 98,3%, 77,1%

HSV

172,7, 45,3%, 99,6%

CMYK

45,3%, 0,0%, 5,5%, 0,4%

OKLCH

0,9252 0,1075 185,3

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#8BFEF0

#FE8B99

Analogous

#8BFEB7

#8BD3FE

#8BFEF0

Triadic

#8BFEF0

#F08BFE

#FEF08B

Split Complementary

#8BFEF0

#FE8BD3

#FEB78B

Tetradic

#8BFEF0

#B78BFE

#FE8B99

#D3FE8B

Color Blindness Simulation

Original

#8BFEF0

Protanopia

#BDBEF3

Deuteranopia

#B6AEF4

Tritanopia

#91F6F7

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF6
300
#86FEEF
400
#44FDE7
500
#02FDDE
600
#02CAB2
700
#01A28E
800
#017E6F
900
#065B51
950
#043A33

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

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