#452648

#452648

Color Values

HEX

#452648

RGB

69, 38, 72

HSL

294.7, 30.9%, 21.6%

HSV

294.7, 47.2%, 28.2%

CMYK

4.2%, 47.2%, 0.0%, 71.8%

OKLCH

0.3233 0.0707 323.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#452648

#294826

Analogous

#342648

#48263A

#452648

Triadic

#452648

#484526

#264845

Split Complementary

#452648

#3A4826

#264834

Tetradic

#452648

#483426

#294826

#263A48

Color Blindness Simulation

Original

#452648

Protanopia

#383740

Deuteranopia

#393C3E

Tritanopia

#433938

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F1E8F2
200
#E4D0E6
300
#D1AFD5
400
#B983BE
500
#A058A7
600
#804686
700
#66386B
800
#502C53
900
#3C233E
950
#261627

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026