#672F67

#672F67

Color Values

HEX

#672F67

RGB

103, 47, 103

HSL

300.0, 37.3%, 29.4%

HSV

300.0, 54.4%, 40.4%

CMYK

0.0%, 54.4%, 0.0%, 59.6%

OKLCH

0.4033 0.1115 327.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#672F67

#2F672F

Analogous

#4B2F67

#672F4B

#672F67

Triadic

#672F67

#67672F

#2F6767

Split Complementary

#672F67

#4B672F

#2F674B

Tetradic

#672F67

#674B2F

#2F672F

#2F4B67

Color Blindness Simulation

Original

#672F67

Protanopia

#4F4E59

Deuteranopia

#525656

Tritanopia

#644F4C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #672F67;
color: #672F67;
border-color: #672F67;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CEE9
300
#D9ABD9
400
#C47DC4
500
#AF50AF
600
#8C408C
700
#703370
800
#582858
900
#412041
950
#291429

Contrast Checker

Text on white

9.64:1

AA Pass AAA Pass

Text on black

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