#674CB3

#674CB3

Color Values

HEX

#674CB3

RGB

103, 76, 179

HSL

255.7, 40.4%, 50.0%

HSV

255.7, 57.5%, 70.2%

CMYK

42.5%, 57.5%, 0.0%, 29.8%

OKLCH

0.4986 0.1567 291.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#674CB3

#98B34C

Analogous

#4C65B3

#9A4CB3

#674CB3

Triadic

#674CB3

#B3674C

#4CB367

Split Complementary

#674CB3

#B39A4C

#65B34C

Tetradic

#674CB3

#B34C65

#98B34C

#4CB39A

Color Blindness Simulation

Original

#674CB3

Protanopia

#5B5B9A

Deuteranopia

#5D5F94

Tritanopia

#668682

Achromatopsia

#595959

CSS Usage

background-color: #674CB3;
color: #674CB3;
border-color: #674CB3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B6A9DB
400
#8E7BC7
500
#674CB3
600
#523D8F
700
#423173
800
#33265A
900
#281F42
950
#19132A

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026