#798BA4

#798BA4

Color Values

HEX

#798BA4

RGB

121, 139, 164

HSL

214,9, 19,1%, 55,9%

HSV

214,9, 26,2%, 64,3%

CMYK

26,2%, 15,2%, 0,0%, 35,7%

OKLCH

0,6313 0,0432 256,6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#798BA4

#A49279

Analogous

#79A1A4

#7D79A4

#798BA4

Triadic

#798BA4

#A4798B

#8BA479

Split Complementary

#798BA4

#A47D79

#A1A479

Tetradic

#798BA4

#A479A1

#A49279

#79A47D

Color Blindness Simulation

Original

#798BA4

Protanopia

#81819E

Deuteranopia

#807E9C

Tritanopia

#7A9998

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE2
300
#B6C0CD
400
#8F9EB3
500
#677C98
600
#536379
700
#424F61
800
#343E4C
900
#282F39
950
#191E24

Contrast Checker

Text on white

3,48:1

AA Fail AAA Fail

Text on black

6,04:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026