#0BABC1

#0BABC1

Color Values

HEX

#0BABC1

RGB

11, 171, 193

HSL

187.3, 89.2%, 40.0%

HSV

187.3, 94.3%, 75.7%

CMYK

94.3%, 11.4%, 0.0%, 24.3%

OKLCH

0.6802 0.1167 211.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0BABC1

#C1210B

Analogous

#0BC17C

#0B50C1

#0BABC1

Triadic

#0BABC1

#C10BAB

#ABC10B

Split Complementary

#0BABC1

#C10B50

#C17C0B

Tetradic

#0BABC1

#7C0BC1

#C1210B

#50C10B

Color Blindness Simulation

Original

#0BABC1

Protanopia

#5052BC

Deuteranopia

#473BBA

Tritanopia

#13B7B7

Achromatopsia

#8B8B8B

CSS Usage

background-color: #0BABC1;
color: #0BABC1;
border-color: #0BABC1;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF3FB
300
#8BEBF8
400
#4CE0F5
500
#0ED6F1
600
#0BABC1
700
#09899A
800
#076B79
900
#0A4E57
950
#063137

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026