#0F76CE

#0F76CE

Color Values

HEX

#0F76CE

RGB

15, 118, 206

HSL

207,6, 86,4%, 43,3%

HSV

207,6, 92,7%, 80,8%

CMYK

92,7%, 42,7%, 0,0%, 19,2%

OKLCH

0,5605 0,1598 251,5

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#0F76CE

#CE670F

Analogous

#0FCEC6

#0F17CE

#0F76CE

Triadic

#0F76CE

#CE0F76

#76CE0F

Split Complementary

#0F76CE

#CE0F17

#CEC60F

Tetradic

#0F76CE

#C60FCE

#CE670F

#17CE0F

Color Blindness Simulation

Original

#0F76CE

Protanopia

#3C3CB9

Deuteranopia

#362EB4

Tritanopia

#14A8A4

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFA
300
#8DC6F7
400
#4FA7F2
500
#1188EE
600
#0E6DBE
700
#0B5798
800
#094477
900
#0B3356
950
#072136

Contrast Checker

Text on white

4,66:1

AA Pass AAA Fail

Text on black

4,5:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026