#0BAAC1

#0BAAC1

Color Values

HEX

#0BAAC1

RGB

11, 170, 193

HSL

187.6, 89.2%, 40.0%

HSV

187.6, 94.3%, 75.7%

CMYK

94.3%, 11.9%, 0.0%, 24.3%

OKLCH

0.6778 0.1166 211.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0BAAC1

#C1220B

Analogous

#0BC17D

#0B4FC1

#0BAAC1

Triadic

#0BAAC1

#C10BAA

#AAC10B

Split Complementary

#0BAAC1

#C10B4F

#C17D0B

Tetradic

#0BAAC1

#7D0BC1

#C1220B

#4FC10B

Color Blindness Simulation

Original

#0BAAC1

Protanopia

#5051BB

Deuteranopia

#473BBA

Tritanopia

#13B7B6

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF3FB
300
#8BEBF8
400
#4CDFF5
500
#0ED4F1
600
#0BAAC1
700
#09889A
800
#076A79
900
#0A4D57
950
#063137

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026