#0BCCF4

#0BCCF4

Color Values

HEX

#0BCCF4

RGB

11, 204, 244

HSL

190.3, 91.4%, 50.0%

HSV

190.3, 95.5%, 95.7%

CMYK

95.5%, 16.4%, 0.0%, 4.3%

OKLCH

0.7813 0.1401 218.9

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0BCCF4

#F4330B

Analogous

#0BF4A8

#0B57F4

#0BCCF4

Triadic

#0BCCF4

#F40BCC

#CCF40B

Split Complementary

#0BCCF4

#F40B57

#F4A80B

Tetradic

#0BCCF4

#A80BF4

#F4330B

#57F40B

Color Blindness Simulation

Original

#0BCCF4

Protanopia

#5F60EA

Deuteranopia

#5345E8

Tritanopia

#15E3E1

Achromatopsia

#A6A6A6

CSS Usage

background-color: #0BCCF4;
color: #0BCCF4;
border-color: #0BCCF4;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE7FA
400
#4AD9F7
500
#0BCCF4
600
#09A3C3
700
#07839C
800
#05667A
900
#094B58
950
#052F38

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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