#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026