#020F43

#020F43

Color Values

HEX

#020F43

RGB

2, 15, 67

HSL

228.0, 94.2%, 13.5%

HSV

228.0, 97.0%, 26.3%

CMYK

97.0%, 77.6%, 0.0%, 73.7%

OKLCH

0.2038 0.0995 264.5

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#020F43

#433602

Analogous

#022F43

#150243

#020F43

Triadic

#020F43

#43020F

#0F4302

Split Complementary

#020F43

#431502

#2F4302

Tetradic

#020F43

#43022F

#433602

#024315

Color Blindness Simulation

Original

#020F43

Protanopia

#080836

Deuteranopia

#070633

Tritanopia

#032C2A

Achromatopsia

#101010

CSS Usage

background-color: #020F43;
color: #020F43;
border-color: #020F43;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC7FD
300
#889FFB
400
#486BFA
500
#0737F8
600
#062CC6
700
#05239E
800
#041C7C
900
#07185A
950
#050F39

Contrast Checker

Text on white

18.23:1

AA Pass AAA Pass

Text on black

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