#6B7482

#6B7482

Color Values

HEX

#6B7482

RGB

107, 116, 130

HSL

216.5, 9.7%, 46.5%

HSV

216.5, 17.7%, 51.0%

CMYK

17.7%, 10.8%, 0.0%, 49.0%

OKLCH

0.5563 0.0243 259.2

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#6B7482

#82796B

Analogous

#6B8082

#6E6B82

#6B7482

Triadic

#6B7482

#826B74

#74826B

Split Complementary

#6B7482

#826E6B

#80826B

Tetradic

#6B7482

#826B80

#82796B

#6B826E

Color Blindness Simulation

Original

#6B7482

Protanopia

#6F6F7F

Deuteranopia

#6E6E7E

Tritanopia

#6B7C7B

Achromatopsia

#737373

CSS Usage

background-color: #6B7482;
color: #6B7482;
border-color: #6B7482;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC1C8
400
#979FAA
500
#737D8C
600
#5C6470
700
#4A505A
800
#3A3E46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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