#798198

#798198

Color Values

HEX

#798198

RGB

121, 129, 152

HSL

224.5, 13.1%, 53.5%

HSV

224.5, 20.4%, 59.6%

CMYK

20.4%, 15.1%, 0.0%, 40.4%

OKLCH

0.6047 0.0362 270.2

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#798198

#989079

Analogous

#799098

#807998

#798198

Triadic

#798198

#987981

#819879

Split Complementary

#798198

#988079

#909879

Tetradic

#798198

#987990

#989079

#799880

Color Blindness Simulation

Original

#798198

Protanopia

#7C7D92

Deuteranopia

#7C7B91

Tritanopia

#798E8D

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7D9E0
300
#BABECA
400
#949BAD
500
#6F7790
600
#596073
700
#474C5C
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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