#0BDFDC

#0BDFDC

Color Values

HEX

#0BDFDC

RGB

11, 223, 220

HSL

179,2, 90,6%, 45,9%

HSV

179,2, 95,1%, 87,5%

CMYK

95,1%, 0,0%, 1,3%, 12,5%

OKLCH

0,8176 0,1391 193,0

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#0BDFDC

#DF0B0E

Analogous

#0BDF72

#0B78DF

#0BDFDC

Triadic

#0BDFDC

#DC0BDF

#DFDC0B

Split Complementary

#0BDFDC

#DF0B78

#DF720B

Tetradic

#0BDFDC

#720BDF

#DF0B0E

#78DF0B

Color Blindness Simulation

Original

#0BDFDC

Protanopia

#6769DD

Deuteranopia

#5A4BDD

Tritanopia

#16DDDD

Achromatopsia

#B2B2B2

CSS Usage

background-color: #0BDFDC;
color: #0BDFDC;
border-color: #0BDFDC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFB
300
#8AF9F8
400
#4BF6F4
500
#0CF3F0
600
#0AC2C0
700
#089C9A
800
#067A78
900
#095857
950
#063837

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026