#125895

#125895

Color Values

HEX

#125895

RGB

18, 88, 149

HSL

207.9, 78.4%, 32.7%

HSV

207.9, 87.9%, 58.4%

CMYK

87.9%, 40.9%, 0.0%, 41.6%

OKLCH

0.4528 0.1191 250.4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#125895

#954F12

Analogous

#129590

#121795

#125895

Triadic

#125895

#951258

#589512

Split Complementary

#125895

#951217

#959012

Tetradic

#125895

#901295

#954F12

#179512

Color Blindness Simulation

Original

#125895

Protanopia

#303186

Deuteranopia

#2C2783

Tritanopia

#167B78

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDDF7
300
#92C5F2
400
#57A6EB
500
#1C86E3
600
#166CB6
700
#125692
800
#0E4372
900
#0E3353
950
#092034

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026