#6F6083

#6F6083

Color Values

HEX

#6F6083

RGB

111, 96, 131

HSL

265.7, 15.4%, 44.5%

HSV

265.7, 26.7%, 51.4%

CMYK

15.3%, 26.7%, 0.0%, 48.6%

OKLCH

0.5167 0.057 304.0

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#6F6083

#748360

Analogous

#606383

#806083

#6F6083

Triadic

#6F6083

#836F60

#60836F

Split Complementary

#6F6083

#838060

#638360

Tetradic

#6F6083

#836063

#748360

#608380

Color Blindness Simulation

Original

#6F6083

Protanopia

#69687B

Deuteranopia

#696A78

Tritanopia

#6E7472

Achromatopsia

#666666

CSS Usage

background-color: #6F6083;
color: #6F6083;
border-color: #6F6083;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E1
300
#C0B8CB
400
#9F92AF
500
#7D6C93
600
#645676
700
#50455E
800
#3E364A
900
#2F2A37
950
#1E1A23

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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