#0B69BC

#0B69BC

Color Values

HEX

#0B69BC

RGB

11, 105, 188

HSL

208.1, 88.9%, 39.0%

HSV

208.1, 94.1%, 73.7%

CMYK

94.1%, 44.1%, 0.0%, 26.3%

OKLCH

0.5183 0.1519 252.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0B69BC

#BC5E0B

Analogous

#0BBCB6

#0B11BC

#0B69BC

Triadic

#0B69BC

#BC0B69

#69BC0B

Split Complementary

#0B69BC

#BC0B11

#BCB60B

Tetradic

#0B69BC

#B60BBC

#BC5E0B

#11BC0B

Color Blindness Simulation

Original

#0B69BC

Protanopia

#3435A8

Deuteranopia

#2E27A3

Tritanopia

#109895

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDDFB
300
#8BC5F8
400
#4DA6F5
500
#0E87F1
600
#0B6CC1
700
#09569A
800
#074378
900
#0A3357
950
#062037

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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