#0F77CE

#0F77CE

Color Values

HEX

#0F77CE

RGB

15, 119, 206

HSL

207.3, 86.4%, 43.3%

HSV

207.3, 92.7%, 80.8%

CMYK

92.7%, 42.2%, 0.0%, 19.2%

OKLCH

0.5628 0.1587 251.1

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#0F77CE

#CE660F

Analogous

#0FCEC5

#0F18CE

#0F77CE

Triadic

#0F77CE

#CE0F77

#77CE0F

Split Complementary

#0F77CE

#CE0F18

#CEC50F

Tetradic

#0F77CE

#C50FCE

#CE660F

#18CE0F

Color Blindness Simulation

Original

#0F77CE

Protanopia

#3C3DB9

Deuteranopia

#362EB4

Tritanopia

#14A8A5

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8DC7F7
400
#4FA8F2
500
#1189EE
600
#0E6EBE
700
#0B5898
800
#094577
900
#0B3456
950
#072136

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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