#125FAC

#125FAC

Color Values

HEX

#125FAC

RGB

18, 95, 172

HSL

210.0, 81.1%, 37.3%

HSV

210.0, 89.5%, 67.5%

CMYK

89.5%, 44.8%, 0.0%, 32.5%

OKLCH

0.4851 0.1415 253.5

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#125FAC

#AC5F12

Analogous

#12ACAC

#1212AC

#125FAC

Triadic

#125FAC

#AC125F

#5FAC12

Split Complementary

#125FAC

#AC1212

#ACAC12

Tetradic

#125FAC

#AC12AC

#AC5F12

#12AC12

Color Blindness Simulation

Original

#125FAC

Protanopia

#333499

Deuteranopia

#2F2995

Tritanopia

#168B87

Achromatopsia

#545454

CSS Usage

background-color: #125FAC;
color: #125FAC;
border-color: #125FAC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDBF8
300
#90C2F3
400
#54A1ED
500
#1880E7
600
#1366B9
700
#0F5294
800
#0C4073
900
#0D3054
950
#081F35

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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