#451F64

#451F64

Color Values

HEX

#451F64

RGB

69, 31, 100

HSL

273.0, 52.7%, 25.7%

HSV

273.0, 69.0%, 39.2%

CMYK

31.0%, 69.0%, 0.0%, 60.8%

OKLCH

0.3303 0.1182 306.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#451F64

#3E641F

Analogous

#221F64

#641F61

#451F64

Triadic

#451F64

#64451F

#1F6445

Split Complementary

#451F64

#61641F

#1F6422

Tetradic

#451F64

#64221F

#3E641F

#1F6164

Color Blindness Simulation

Original

#451F64

Protanopia

#353453

Deuteranopia

#373A4F

Tritanopia

#434643

Achromatopsia

#2C2C2C

CSS Usage

background-color: #451F64;
color: #451F64;
border-color: #451F64;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C5A2E2
400
#A66FD2
500
#863CC3
600
#6B309C
700
#56277D
800
#431E61
900
#331947
950
#20102D

Contrast Checker

Text on white

12.86:1

AA Pass AAA Pass

Text on black

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