#124192

#124192

Color Values

HEX

#124192

RGB

18, 65, 146

HSL

218.0, 78.0%, 32.2%

HSV

218.0, 87.7%, 57.3%

CMYK

87.7%, 55.5%, 0.0%, 42.7%

OKLCH

0.397 0.1431 260.7

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#124192

#926312

Analogous

#128192

#231292

#124192

Triadic

#124192

#921241

#419212

Split Complementary

#124192

#922312

#819212

Tetradic

#124192

#921281

#926312

#129223

Color Blindness Simulation

Original

#124192

Protanopia

#26277E

Deuteranopia

#24207A

Tritanopia

#146F6C

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD4F7
300
#92B5F2
400
#578DEA
500
#1C65E3
600
#1651B6
700
#124191
800
#0E3271
900
#0E2752
950
#091934

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

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