#16145D

#16145D

Color Values

HEX

#16145D

RGB

22, 20, 93

HSL

241.6, 64.6%, 22.2%

HSV

241.6, 78.5%, 36.5%

CMYK

76.3%, 78.5%, 0.0%, 63.5%

OKLCH

0.2562 0.1242 274.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#16145D

#5B5D14

Analogous

#14375D

#3B145D

#16145D

Triadic

#16145D

#5D1614

#145D16

Split Complementary

#16145D

#5D3B14

#375D14

Tetradic

#16145D

#5D1437

#5B5D14

#145D3B

Color Blindness Simulation

Original

#16145D

Protanopia

#15154B

Deuteranopia

#151547

Tritanopia

#163D3A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F2
300
#9C9AE9
400
#6764DE
500
#322DD2
600
#2824A8
700
#201D86
800
#191769
900
#16144D
950
#0E0D30

Contrast Checker

Text on white

16.25:1

AA Pass AAA Pass

Text on black

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