#650226

#650226

Color Values

HEX

#650226

RGB

101, 2, 38

HSL

338.2, 96.1%, 20.2%

HSV

338.2, 98.0%, 39.6%

CMYK

0.0%, 98.0%, 62.4%, 60.4%

OKLCH

0.3256 0.1282 9.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#650226

#026541

Analogous

#650257

#651002

#650226

Triadic

#650226

#266502

#022665

Split Complementary

#650226

#026510

#025765

Tetradic

#650226

#576502

#026541

#100265

Color Blindness Simulation

Original

#650226

Protanopia

#3A391D

Deuteranopia

#40471B

Tritanopia

#601615

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFE9
200
#FEB9D2
300
#FD87B2
400
#FB4688
500
#FA055E
600
#C8044B
700
#A0033C
800
#7D022F
900
#5A0725
950
#390417

Contrast Checker

Text on white

13.21:1

AA Pass AAA Pass

Text on black

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