#6D548C

#6D548C

Color Values

HEX

#6D548C

RGB

109, 84, 140

HSL

266.8, 25.0%, 43.9%

HSV

266.8, 40.0%, 54.9%

CMYK

22.1%, 40.0%, 0.0%, 45.1%

OKLCH

0.495 0.0912 303.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#6D548C

#738C54

Analogous

#54578C

#89548C

#6D548C

Triadic

#6D548C

#8C6D54

#548C6D

Split Complementary

#6D548C

#8C8954

#578C54

Tetradic

#6D548C

#8C5457

#738C54

#548C89

Color Blindness Simulation

Original

#6D548C

Protanopia

#62627E

Deuteranopia

#64667B

Tritanopia

#6C7471

Achromatopsia

#5D5D5D

CSS Usage

background-color: #6D548C;
color: #6D548C;
border-color: #6D548C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DAD2E4
300
#C0B2D1
400
#9E89B8
500
#7C609F
600
#634D80
700
#4F3D66
800
#3E3050
900
#2F263B
950
#1E1825

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026