#0BC7F4

#0BC7F4

Color Values

HEX

#0BC7F4

RGB

11, 199, 244

HSL

191.6, 91.4%, 50.0%

HSV

191.6, 95.5%, 95.7%

CMYK

95.5%, 18.4%, 0.0%, 4.3%

OKLCH

0.7695 0.1411 222.0

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0BC7F4

#F4380B

Analogous

#0BF4AD

#0B52F4

#0BC7F4

Triadic

#0BC7F4

#F40BC7

#C7F40B

Split Complementary

#0BC7F4

#F40B52

#F4AD0B

Tetradic

#0BC7F4

#AD0BF4

#F4380B

#52F40B

Color Blindness Simulation

Original

#0BC7F4

Protanopia

#5C5EE9

Deuteranopia

#5243E6

Tritanopia

#14E1DF

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBEFFC
300
#8AE4FA
400
#4AD6F7
500
#0BC7F4
600
#099FC3
700
#077F9C
800
#05637A
900
#094958
950
#052E38

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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