#6E48AF

#6E48AF

Color Values

HEX

#6E48AF

RGB

110, 72, 175

HSL

262.1, 41.7%, 48.4%

HSV

262.1, 58.9%, 68.6%

CMYK

37.1%, 58.9%, 0.0%, 31.4%

OKLCH

0.4963 0.1579 297.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#6E48AF

#89AF48

Analogous

#4856AF

#A148AF

#6E48AF

Triadic

#6E48AF

#AF6E48

#48AF6E

Split Complementary

#6E48AF

#AFA148

#56AF48

Tetradic

#6E48AF

#AF4856

#89AF48

#48AFA1

Color Blindness Simulation

Original

#6E48AF

Protanopia

#5E5D96

Deuteranopia

#606390

Tritanopia

#6C827E

Achromatopsia

#585858

CSS Usage

background-color: #6E48AF;
color: #6E48AF;
border-color: #6E48AF;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#EBE7F3
200
#D7CCEA
300
#BBA8DB
400
#9679C8
500
#714AB5
600
#5B3B91
700
#493074
800
#39255A
900
#2C1E43
950
#1C132A

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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