#768FAC

#768FAC

Color Values

HEX

#768FAC

RGB

118, 143, 172

HSL

212.2, 24.5%, 56.9%

HSV

212.2, 31.4%, 67.5%

CMYK

31.4%, 16.9%, 0.0%, 32.5%

OKLCH

0.6412 0.0522 252.4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#768FAC

#AC9376

Analogous

#76AAAC

#7876AC

#768FAC

Triadic

#768FAC

#AC768F

#8FAC76

Split Complementary

#768FAC

#AC7876

#AAAC76

Tetradic

#768FAC

#AC76AA

#AC9376

#76AC78

Color Blindness Simulation

Original

#768FAC

Protanopia

#8181A5

Deuteranopia

#7F7EA3

Tritanopia

#779F9E

Achromatopsia

#8C8C8C

CSS Usage

background-color: #768FAC;
color: #768FAC;
border-color: #768FAC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DBE4
300
#B3C1D1
400
#8A9FB8
500
#607D9F
600
#4D647F
700
#3E5066
800
#303F4F
900
#26303B
950
#181E25

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026