#020148

#020148

Color Values

HEX

#020148

RGB

2, 1, 72

HSL

240.8, 97.3%, 14.3%

HSV

240.8, 98.6%, 28.2%

CMYK

97.2%, 98.6%, 0.0%, 71.8%

OKLCH

0.1852 0.1232 266.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#020148

#474801

Analogous

#012448

#250148

#020148

Triadic

#020148

#480201

#014802

Split Complementary

#020148

#482501

#244801

Tetradic

#020148

#480124

#474801

#014825

Color Blindness Simulation

Original

#020148

Protanopia

#020237

Deuteranopia

#020233

Tritanopia

#022926

Achromatopsia

#060606

CSS Usage

background-color: #020148;
color: #020148;
border-color: #020148;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#B9B9FE
300
#8886FD
400
#4745FC
500
#0703FC
600
#0503C9
700
#0402A1
800
#03027E
900
#07065B
950
#050439

Contrast Checker

Text on white

19.08:1

AA Pass AAA Pass

Text on black

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