#124684

#124684

Color Values

HEX

#124684

RGB

18, 70, 132

HSL

212.6, 76.0%, 29.4%

HSV

212.6, 86.4%, 51.8%

CMYK

86.4%, 47.0%, 0.0%, 48.2%

OKLCH

0.3974 0.117 255.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#124684

#845012

Analogous

#127F84

#171284

#124684

Triadic

#124684

#841246

#468412

Split Complementary

#124684

#841712

#7F8412

Tetradic

#124684

#84127F

#845012

#128417

Color Blindness Simulation

Original

#124684

Protanopia

#292975

Deuteranopia

#262271

Tritanopia

#156967

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F6
300
#93BEF0
400
#599AE8
500
#1F77E0
600
#185FB4
700
#144C90
800
#0F3C70
900
#0F2E52
950
#0A1D34

Contrast Checker

Text on white

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