#0BCBC7

#0BCBC7

Color Values

HEX

#0BCBC7

RGB

11, 203, 199

HSL

178.8, 89.7%, 42.0%

HSV

178.8, 94.6%, 79.6%

CMYK

94.6%, 0.0%, 2.0%, 20.4%

OKLCH

0.7616 0.1296 192.2

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#0BCBC7

#CB0B0F

Analogous

#0BCB67

#0B6FCB

#0BCBC7

Triadic

#0BCBC7

#C70BCB

#CBC70B

Split Complementary

#0BCBC7

#CB0B6F

#CB670B

Tetradic

#0BCBC7

#670BCB

#CB0B0F

#6FCB0B

Color Blindness Simulation

Original

#0BCBC7

Protanopia

#5E60C8

Deuteranopia

#5345C8

Tritanopia

#15C9C9

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BBFBFA
300
#8BF9F7
400
#4CF5F2
500
#0DF2ED
600
#0BC1BE
700
#089B98
800
#077977
900
#095856
950
#063736

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.38: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