#0B68BC

#0B68BC

Color Values

HEX

#0B68BC

RGB

11, 104, 188

HSL

208.5, 88.9%, 39.0%

HSV

208.5, 94.1%, 73.7%

CMYK

94.1%, 44.7%, 0.0%, 26.3%

OKLCH

0.516 0.153 252.8

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#0B68BC

#BC5F0B

Analogous

#0BBCB7

#0B0FBC

#0B68BC

Triadic

#0B68BC

#BC0B68

#68BC0B

Split Complementary

#0B68BC

#BC0B0F

#BCB70B

Tetradic

#0B68BC

#B70BBC

#BC5F0B

#0FBC0B

Color Blindness Simulation

Original

#0B68BC

Protanopia

#3334A8

Deuteranopia

#2E27A3

Tritanopia

#109894

Achromatopsia

#5A5A5A

CSS Usage

background-color: #0B68BC;
color: #0B68BC;
border-color: #0B68BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDDFB
300
#8BC5F8
400
#4DA5F5
500
#0E85F1
600
#0B6BC1
700
#09559A
800
#074378
900
#0A3257
950
#062037

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

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