#450226

#450226

Color Values

HEX

#450226

RGB

69, 2, 38

HSL

327.8, 94.4%, 13.9%

HSV

327.8, 97.1%, 27.1%

CMYK

0.0%, 97.1%, 44.9%, 72.9%

OKLCH

0.2574 0.1023 354.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#450226

#024521

Analogous

#420245

#450204

#450226

Triadic

#450226

#264502

#022645

Split Complementary

#450226

#044502

#024542

Tetradic

#450226

#454202

#024521

#020445

Color Blindness Simulation

Original

#450226

Protanopia

#28271D

Deuteranopia

#2C311B

Tritanopia

#421615

Achromatopsia

#131313

CSS Usage

background-color: #450226;
color: #450226;
border-color: #450226;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FC88C6
400
#FA48A7
500
#F80788
600
#C6066D
700
#9F0557
800
#7C0444
900
#5A0733
950
#390521

Contrast Checker

Text on white

16.28:1

AA Pass AAA Pass

Text on black

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