#8BDFDA

#8BDFDA

Color Values

HEX

#8BDFDA

RGB

139, 223, 218

HSL

176.4, 56.8%, 71.0%

HSV

176.4, 37.7%, 87.5%

CMYK

37.7%, 0.0%, 2.2%, 12.5%

OKLCH

0.8488 0.0822 190.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8BDFDA

#DF8B90

Analogous

#8BDFB0

#8BBADF

#8BDFDA

Triadic

#8BDFDA

#DA8BDF

#DFDA8B

Split Complementary

#8BDFDA

#DF8BBA

#DFB08B

Tetradic

#8BDFDA

#B08BDF

#DF8B90

#BADF8B

Color Blindness Simulation

Original

#8BDFDA

Protanopia

#AFB0DB

Deuteranopia

#AAA4DC

Tritanopia

#8FDCDC

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7F0ED
300
#9FE5E0
400
#6BD6D0
500
#37C8BF
600
#2CA099
700
#23807A
800
#1C6460
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026