#7989B3

#7989B3

Color Values

HEX

#7989B3

RGB

121, 137, 179

HSL

223.4, 27.6%, 58.8%

HSV

223.4, 32.4%, 70.2%

CMYK

32.4%, 23.5%, 0.0%, 29.8%

OKLCH

0.6332 0.0662 268.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7989B3

#B3A379

Analogous

#79A6B3

#8679B3

#7989B3

Triadic

#7989B3

#B37989

#89B379

Split Complementary

#7989B3

#B38679

#A6B379

Tetradic

#7989B3

#B379A6

#B3A379

#79B386

Color Blindness Simulation

Original

#7989B3

Protanopia

#8080A9

Deuteranopia

#7F7EA6

Tritanopia

#7AA19F

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D1D7E5
300
#B1BAD3
400
#8795BB
500
#5C70A3
600
#4A5982
700
#3B4868
800
#2E3851
900
#242B3C
950
#171B26

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

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