#642F62

#642F62

Color Values

HEX

#642F62

RGB

100, 47, 98

HSL

302.3, 36.1%, 28.8%

HSV

302.3, 53.0%, 39.2%

CMYK

0.0%, 53.0%, 2.0%, 60.8%

OKLCH

0.3963 0.1043 328.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#642F62

#2F6431

Analogous

#4B2F64

#642F47

#642F62

Triadic

#642F62

#62642F

#2F6264

Split Complementary

#642F62

#47642F

#2F644B

Tetradic

#642F62

#644B2F

#2F6431

#2F4764

Color Blindness Simulation

Original

#642F62

Protanopia

#4D4D56

Deuteranopia

#505453

Tritanopia

#614C4A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #642F62;
color: #642F62;
border-color: #642F62;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E8CEE7
300
#D8ACD6
400
#C37FC0
500
#AE51AA
600
#8B4188
700
#6F346D
800
#572955
900
#40213F
950
#291528

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

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