#797DA5

#797DA5

Color Values

HEX

#797DA5

RGB

121, 125, 165

HSL

234.5, 19.6%, 56.1%

HSV

234.5, 26.7%, 64.7%

CMYK

26.7%, 24.2%, 0.0%, 35.3%

OKLCH

0.6014 0.0609 279.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#797DA5

#A5A179

Analogous

#7993A5

#8B79A5

#797DA5

Triadic

#797DA5

#A5797D

#7DA579

Split Complementary

#797DA5

#A58B79

#93A579

Tetradic

#797DA5

#A57993

#A5A179

#79A58B

Color Blindness Simulation

Original

#797DA5

Protanopia

#7B7B9B

Deuteranopia

#7A7A99

Tritanopia

#799492

Achromatopsia

#7F7F7F

CSS Usage

background-color: #797DA5;
color: #797DA5;
border-color: #797DA5;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E2
300
#B6B8CE
400
#8E92B3
500
#676B98
600
#52567A
700
#424562
800
#33364C
900
#282939
950
#191A24

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026