#0A5BAF

#0A5BAF

Color Values

HEX

#0A5BAF

RGB

10, 91, 175

HSL

210.5, 89.2%, 36.3%

HSV

210.5, 94.3%, 68.6%

CMYK

94.3%, 48.0%, 0.0%, 31.4%

OKLCH

0.4769 0.1514 255.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0A5BAF

#AF5E0A

Analogous

#0AAEAF

#0B0AAF

#0A5BAF

Triadic

#0A5BAF

#AF0A5B

#5BAF0A

Split Complementary

#0A5BAF

#AF0B0A

#AEAF0A

Tetradic

#0A5BAF

#AF0AAE

#AF5E0A

#0AAF0B

Color Blindness Simulation

Original

#0A5BAF

Protanopia

#2D2E9B

Deuteranopia

#282296

Tritanopia

#0E8B87

Achromatopsia

#505050

CSS Usage

background-color: #0A5BAF;
color: #0A5BAF;
border-color: #0A5BAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BBDBFB
300
#8BC1F8
400
#4C9FF5
500
#0E7EF1
600
#0B64C1
700
#09509A
800
#073F79
900
#0A3057
950
#061E37

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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