#76789F

#76789F

Color Values

HEX

#76789F

RGB

118, 120, 159

HSL

237.1, 17.6%, 54.3%

HSV

237.1, 25.8%, 62.4%

CMYK

25.8%, 24.5%, 0.0%, 37.6%

OKLCH

0.5858 0.0596 282.1

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#76789F

#9F9D76

Analogous

#768C9F

#88769F

#76789F

Triadic

#76789F

#9F7678

#789F76

Split Complementary

#76789F

#9F8876

#8C9F76

Tetradic

#76789F

#9F768C

#9F9D76

#769F88

Color Blindness Simulation

Original

#76789F

Protanopia

#777796

Deuteranopia

#777793

Tritanopia

#768E8C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EAEBF0
200
#D5D6E2
300
#B7B8CD
400
#9092B1
500
#696B96
600
#545678
700
#434560
800
#35364B
900
#292A38
950
#1A1A23

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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