#125CBA

#125CBA

Color Values

HEX

#125CBA

RGB

18, 92, 186

HSL

213.6, 82.4%, 40.0%

HSV

213.6, 90.3%, 72.9%

CMYK

90.3%, 50.5%, 0.0%, 27.1%

OKLCH

0.4885 0.1636 257.4

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#125CBA

#BA7012

Analogous

#12B0BA

#1C12BA

#125CBA

Triadic

#125CBA

#BA125C

#5CBA12

Split Complementary

#125CBA

#BA1C12

#B0BA12

Tetradic

#125CBA

#BA12B0

#BA7012

#12BA1C

Color Blindness Simulation

Original

#125CBA

Protanopia

#3233A3

Deuteranopia

#2E289E

Tritanopia

#16918D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED8F9
300
#8FBCF4
400
#5397EE
500
#1673E9
600
#125CBA
700
#0E4A95
800
#0B3974
900
#0D2C54
950
#081C35

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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