#124F95

#124F95

Color Values

HEX

#124F95

RGB

18, 79, 149

HSL

212,1, 78,4%, 32,7%

HSV

212,1, 87,9%, 58,4%

CMYK

87,9%, 47,0%, 0,0%, 41,6%

OKLCH

0,4313 0,1296 255,4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#124F95

#955812

Analogous

#129095

#171295

#124F95

Triadic

#124F95

#95124F

#4F9512

Split Complementary

#124F95

#951712

#909512

Tetradic

#124F95

#951290

#955812

#129517

Color Blindness Simulation

Original

#124F95

Protanopia

#2C2D84

Deuteranopia

#292480

Tritanopia

#157774

Achromatopsia

#474747

CSS Usage

background-color: #124F95;
color: #124F95;
border-color: #124F95;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD9F7
300
#92BEF2
400
#579BEB
500
#1C79E3
600
#1660B6
700
#124D92
800
#0E3C72
900
#0E2E53
950
#091D34

Contrast Checker

Text on white

8,15:1

AA Pass AAA Pass

Text on black

2,58: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