#45294F

#45294F

Color Values

HEX

#45294F

RGB

69, 41, 79

HSL

284.2, 31.7%, 23.5%

HSV

284.2, 48.1%, 31.0%

CMYK

12.7%, 48.1%, 0.0%, 69.0%

OKLCH

0.3329 0.0734 316.7

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#45294F

#334F29

Analogous

#32294F

#4F2946

#45294F

Triadic

#45294F

#4F4529

#294F45

Split Complementary

#45294F

#464F29

#294F32

Tetradic

#45294F

#4F3229

#334F29

#29464F

Color Blindness Simulation

Original

#45294F

Protanopia

#393946

Deuteranopia

#3A3D44

Tritanopia

#443F3D

Achromatopsia

#323232

CSS Usage

background-color: #45294F;
color: #45294F;
border-color: #45294F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E1D0E7
300
#CBAED5
400
#AF83BF
500
#9357A8
600
#754686
700
#5E386B
800
#492C54
900
#37233E
950
#231627

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

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