#0BAEC1

#0BAEC1

Color Values

HEX

#0BAEC1

RGB

11, 174, 193

HSL

186.3, 89.2%, 40.0%

HSV

186.3, 94.3%, 75.7%

CMYK

94.3%, 9.8%, 0.0%, 24.3%

OKLCH

0.6877 0.1171 208.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0BAEC1

#C11E0B

Analogous

#0BC179

#0B53C1

#0BAEC1

Triadic

#0BAEC1

#C10BAE

#AEC10B

Split Complementary

#0BAEC1

#C10B53

#C1790B

Tetradic

#0BAEC1

#790BC1

#C11E0B

#53C10B

Color Blindness Simulation

Original

#0BAEC1

Protanopia

#5253BC

Deuteranopia

#483CBB

Tritanopia

#13B9B8

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF4FB
300
#8BEDF8
400
#4CE3F5
500
#0ED9F1
600
#0BAEC1
700
#098B9A
800
#076D79
900
#0A4F57
950
#063237

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026