#0862AE

#0862AE

Color Values

HEX

#0862AE

RGB

8, 98, 174

HSL

207.5, 91.2%, 35.7%

HSV

207.5, 95.4%, 68.2%

CMYK

95.4%, 43.7%, 0.0%, 31.8%

OKLCH

0.4921 0.1421 251.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0862AE

#AE5408

Analogous

#08AEA7

#080FAE

#0862AE

Triadic

#0862AE

#AE0862

#62AE08

Split Complementary

#0862AE

#AE080F

#AEA708

Tetradic

#0862AE

#A708AE

#AE5408

#0FAE08

Color Blindness Simulation

Original

#0862AE

Protanopia

#2F309C

Deuteranopia

#2A2397

Tritanopia

#0C8D8A

Achromatopsia

#545454

CSS Usage

background-color: #0862AE;
color: #0862AE;
border-color: #0862AE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6FA
400
#4BA8F7
500
#0B89F4
600
#096EC3
700
#07589C
800
#06457A
900
#093458
950
#052138

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026