#7993AF

#7993AF

Color Values

HEX

#7993AF

RGB

121, 147, 175

HSL

211,1, 25,2%, 58,0%

HSV

211,1, 30,9%, 68,6%

CMYK

30,9%, 16,0%, 0,0%, 31,4%

OKLCH

0,6533 0,0513 250,5

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7993AF

#AF9579

Analogous

#79AEAF

#7A79AF

#7993AF

Triadic

#7993AF

#AF7993

#93AF79

Split Complementary

#7993AF

#AF7A79

#AEAF79

Tetradic

#7993AF

#AF79AE

#AF9579

#79AF7A

Color Blindness Simulation

Original

#7993AF

Protanopia

#8484A8

Deuteranopia

#8381A7

Tritanopia

#7AA3A2

Achromatopsia

#8F8F8F

CSS Usage

background-color: #7993AF;
color: #7993AF;
border-color: #7993AF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE4
300
#B2C1D1
400
#89A0B8
500
#5F7EA0
600
#4C6580
700
#3D5166
800
#303F50
900
#25303B
950
#181E26

Contrast Checker

Text on white

3,18:1

AA Fail AAA Fail

Text on black

6,61:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026