#768EBA

#768EBA

Color Values

HEX

#768EBA

RGB

118, 142, 186

HSL

218.8, 33.0%, 59.6%

HSV

218.8, 36.6%, 72.9%

CMYK

36.6%, 23.7%, 0.0%, 27.1%

OKLCH

0.6449 0.0718 262.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#768EBA

#BAA276

Analogous

#76B0BA

#8076BA

#768EBA

Triadic

#768EBA

#BA768E

#8EBA76

Split Complementary

#768EBA

#BA8076

#B0BA76

Tetradic

#768EBA

#BA76B0

#BAA276

#76BA80

Color Blindness Simulation

Original

#768EBA

Protanopia

#8081AF

Deuteranopia

#7F7DAD

Tritanopia

#77A7A5

Achromatopsia

#8C8C8C

CSS Usage

background-color: #768EBA;
color: #768EBA;
border-color: #768EBA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBCD6
400
#8298C0
500
#5573AA
600
#445C88
700
#374A6D
800
#2B3A55
900
#222C3F
950
#161C28

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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