#043FA1

#043FA1

Color Values

HEX

#043FA1

RGB

4, 63, 161

HSL

217.5, 95.2%, 32.4%

HSV

217.5, 97.5%, 63.1%

CMYK

97.5%, 60.9%, 0.0%, 36.9%

OKLCH

0.4033 0.1682 261.0

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#043FA1

#A16604

Analogous

#048EA1

#1804A1

#043FA1

Triadic

#043FA1

#A1043F

#3FA104

Split Complementary

#043FA1

#A11804

#8EA104

Tetradic

#043FA1

#A1048E

#A16604

#04A118

Color Blindness Simulation

Original

#043FA1

Protanopia

#1E1E89

Deuteranopia

#1A1684

Tritanopia

#077772

Achromatopsia

#3A3A3A

CSS Usage

background-color: #043FA1;
color: #043FA1;
border-color: #043FA1;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FD
300
#88B3FC
400
#478AFA
500
#0661F9
600
#054EC7
700
#043E9F
800
#03317C
900
#07265A
950
#041839

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026