#674266

#674266

Color Values

HEX

#674266

RGB

103, 66, 102

HSL

301.6, 21.9%, 33.1%

HSV

301.6, 35.9%, 40.4%

CMYK

0.0%, 35.9%, 1.0%, 59.6%

OKLCH

0.4351 0.074 327.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#674266

#426743

Analogous

#554267

#674253

#674266

Triadic

#674266

#666742

#426667

Split Complementary

#674266

#536742

#426755

Tetradic

#674266

#675542

#426743

#425367

Color Blindness Simulation

Original

#674266

Protanopia

#57575D

Deuteranopia

#595C5B

Tritanopia

#655655

Achromatopsia

#4C4C4C

CSS Usage

background-color: #674266;
color: #674266;
border-color: #674266;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D3E3
300
#CFB4CE
400
#B58CB4
500
#9B649A
600
#7C507B
700
#634063
800
#4E324D
900
#3A2739
950
#251924

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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