#043DA0

#043DA0

Color Values

HEX

#043DA0

RGB

4, 61, 160

HSL

218.1, 95.1%, 32.2%

HSV

218.1, 97.5%, 62.7%

CMYK

97.5%, 61.9%, 0.0%, 37.3%

OKLCH

0.3983 0.1694 261.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#043DA0

#A06704

Analogous

#048BA0

#1904A0

#043DA0

Triadic

#043DA0

#A0043D

#3DA004

Split Complementary

#043DA0

#A01904

#8BA004

Tetradic

#043DA0

#A0048B

#A06704

#04A019

Color Blindness Simulation

Original

#043DA0

Protanopia

#1D1D88

Deuteranopia

#191582

Tritanopia

#077571

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FD
300
#88B2FC
400
#4788FA
500
#065FF9
600
#054CC7
700
#043D9F
800
#032F7C
900
#07255A
950
#041839

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

2.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026