#125FBA

#125FBA

Color Values

HEX

#125FBA

RGB

18, 95, 186

HSL

212.5, 82.4%, 40.0%

HSV

212.5, 90.3%, 72.9%

CMYK

90.3%, 48.9%, 0.0%, 27.1%

OKLCH

0.4952 0.16 256.4

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#125FBA

#BA6D12

Analogous

#12B3BA

#1912BA

#125FBA

Triadic

#125FBA

#BA125F

#5FBA12

Split Complementary

#125FBA

#BA1912

#B3BA12

Tetradic

#125FBA

#BA12B3

#BA6D12

#12BA19

Color Blindness Simulation

Original

#125FBA

Protanopia

#3334A4

Deuteranopia

#2F299F

Tritanopia

#16938F

Achromatopsia

#555555

CSS Usage

background-color: #125FBA;
color: #125FBA;
border-color: #125FBA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED9F9
300
#8FBEF4
400
#539AEE
500
#1677E9
600
#125FBA
700
#0E4C95
800
#0B3B74
900
#0D2D54
950
#081D35

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026