#0BC8F4

#0BC8F4

Color Values

HEX

#0BC8F4

RGB

11, 200, 244

HSL

191.3, 91.4%, 50.0%

HSV

191.3, 95.5%, 95.7%

CMYK

95.5%, 18.0%, 0.0%, 4.3%

OKLCH

0.7718 0.1408 221.4

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0BC8F4

#F4370B

Analogous

#0BF4AB

#0B54F4

#0BC8F4

Triadic

#0BC8F4

#F40BC8

#C8F40B

Split Complementary

#0BC8F4

#F40B54

#F4AB0B

Tetradic

#0BC8F4

#AB0BF4

#F4370B

#54F40B

Color Blindness Simulation

Original

#0BC8F4

Protanopia

#5D5EE9

Deuteranopia

#5244E7

Tritanopia

#14E1DF

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF0FC
300
#8AE5FA
400
#4AD6F7
500
#0BC8F4
600
#09A0C3
700
#07809C
800
#05647A
900
#094958
950
#052E38

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026