#643248

#643248

Color Values

HEX

#643248

RGB

100, 50, 72

HSL

333,6, 33,3%, 29,4%

HSV

333,6, 50,0%, 39,2%

CMYK

0,0%, 50,0%, 28,0%, 60,8%

OKLCH

0,3894 0,0772 353,5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#643248

#32644E

Analogous

#643261

#643532

#643248

Triadic

#643248

#486432

#324864

Split Complementary

#643248

#326435

#326164

Tetradic

#643248

#616432

#32644E

#353264

Color Blindness Simulation

Original

#643248

Protanopia

#4E4E43

Deuteranopia

#515541

Tritanopia

#623E3E

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E7CFDA
300
#D6ADBF
400
#C0819D
500
#AA557A
600
#884462
700
#6D364E
800
#552B3D
900
#3F222F
950
#28151D

Contrast Checker

Text on white

10,04:1

AA Pass AAA Pass

Text on black

2,09: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