#124197

#124197

Color Values

HEX

#124197

RGB

18, 65, 151

HSL

218.8, 78.7%, 33.1%

HSV

218.8, 88.1%, 59.2%

CMYK

88.1%, 57.0%, 0.0%, 40.8%

OKLCH

0.4013 0.15 261.3

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#124197

#976812

Analogous

#128397

#251297

#124197

Triadic

#124197

#971241

#419712

Split Complementary

#124197

#972512

#839712

Tetradic

#124197

#971283

#976812

#129725

Color Blindness Simulation

Original

#124197

Protanopia

#262782

Deuteranopia

#24207D

Tritanopia

#14726E

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD3F7
300
#92B4F2
400
#568BEB
500
#1B62E4
600
#164EB6
700
#113F92
800
#0E3172
900
#0E2653
950
#091834

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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