#043868

#043868

Color Values

HEX

#043868

RGB

4, 56, 104

HSL

208.8, 92.6%, 21.2%

HSV

208.8, 96.2%, 40.8%

CMYK

96.2%, 46.2%, 0.0%, 59.2%

OKLCH

0.3386 0.098 252.2

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#043868

#683404

Analogous

#046866

#040668

#043868

Triadic

#043868

#680438

#386804

Split Complementary

#043868

#680406

#686604

Tetradic

#043868

#660468

#683404

#066804

Color Blindness Simulation

Original

#043868

Protanopia

#1B1B5C

Deuteranopia

#18145A

Tritanopia

#075351

Achromatopsia

#303030

CSS Usage

background-color: #043868;
color: #043868;
border-color: #043868;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C4FA
400
#49A4F8
500
#0984F6
600
#086AC4
700
#06559D
800
#05427B
900
#083259
950
#052038

Contrast Checker

Text on white

11.86:1

AA Pass AAA Pass

Text on black

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