#7B779D

#7B779D

Color Values

HEX

#7B779D

RGB

123, 119, 157

HSL

246.3, 16.2%, 54.1%

HSV

246.3, 24.2%, 61.6%

CMYK

21.7%, 24.2%, 0.0%, 38.4%

OKLCH

0.587 0.0578 289.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7B779D

#999D77

Analogous

#77869D

#8E779D

#7B779D

Triadic

#7B779D

#9D7B77

#779D7B

Split Complementary

#7B779D

#9D8E77

#869D77

Tetradic

#7B779D

#9D7786

#999D77

#779D8E

Color Blindness Simulation

Original

#7B779D

Protanopia

#797994

Deuteranopia

#7A7A92

Tritanopia

#7B8D8B

Achromatopsia

#7B7B7B

CSS Usage

background-color: #7B779D;
color: #7B779D;
border-color: #7B779D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EBEBF0
200
#D7D6E1
300
#BAB8CC
400
#9591B0
500
#6F6B94
600
#595577
700
#47445F
800
#38354A
900
#2B2938
950
#1B1A23

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass 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