#124074

#124074

Color Values

HEX

#124074

RGB

18, 64, 116

HSL

211.8, 73.1%, 26.3%

HSV

211.8, 84.5%, 45.5%

CMYK

84.5%, 44.8%, 0.0%, 54.5%

OKLCH

0.371 0.1017 254.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#124074

#744612

Analogous

#127174

#151274

#124074

Triadic

#124074

#741240

#407412

Split Complementary

#124074

#741512

#717412

Tetradic

#124074

#741271

#744612

#127415

Color Blindness Simulation

Original

#124074

Protanopia

#262667

Deuteranopia

#232064

Tritanopia

#145D5B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #124074;
color: #124074;
border-color: #124074;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C1DAF5
300
#95BFEF
400
#5C9DE6
500
#227ADD
600
#1B62B1
700
#164E8D
800
#113D6E
900
#112F50
950
#0A1D33

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

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