#124D92

#124D92

Color Values

HEX

#124D92

RGB

18, 77, 146

HSL

212.3, 78.0%, 32.2%

HSV

212.3, 87.7%, 57.3%

CMYK

87.7%, 47.3%, 0.0%, 42.7%

OKLCH

0.4244 0.1279 255.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#124D92

#925712

Analogous

#128D92

#171292

#124D92

Triadic

#124D92

#92124D

#4D9212

Split Complementary

#124D92

#921712

#8D9212

Tetradic

#124D92

#92128D

#925712

#129217

Color Blindness Simulation

Original

#124D92

Protanopia

#2C2C81

Deuteranopia

#28247D

Tritanopia

#157471

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD9F7
300
#92BEF2
400
#579BEA
500
#1C78E3
600
#1660B6
700
#124D91
800
#0E3C71
900
#0E2E52
950
#091D34

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

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