#0BC4F4

#0BC4F4

Color Values

HEX

#0BC4F4

RGB

11, 196, 244

HSL

192.4, 91.4%, 50.0%

HSV

192.4, 95.5%, 95.7%

CMYK

95.5%, 19.7%, 0.0%, 4.3%

OKLCH

0.7624 0.1419 223.9

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0BC4F4

#F43B0B

Analogous

#0BF4B0

#0B4FF4

#0BC4F4

Triadic

#0BC4F4

#F40BC4

#C4F40B

Split Complementary

#0BC4F4

#F40B4F

#F4B00B

Tetradic

#0BC4F4

#B00BF4

#F43B0B

#4FF40B

Color Blindness Simulation

Original

#0BC4F4

Protanopia

#5B5DE8

Deuteranopia

#5042E6

Tritanopia

#14DFDD

Achromatopsia

#A0A0A0

CSS Usage

background-color: #0BC4F4;
color: #0BC4F4;
border-color: #0BC4F4;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE3FA
400
#4AD3F7
500
#0BC4F4
600
#099DC3
700
#077D9C
800
#05627A
900
#094858
950
#052D38

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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