#768CB2

#768CB2

Color Values

HEX

#768CB2

RGB

118, 140, 178

HSL

218.0, 28.0%, 58.0%

HSV

218.0, 33.7%, 69.8%

CMYK

33.7%, 21.3%, 0.0%, 30.2%

OKLCH

0.6371 0.0628 261.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#768CB2

#B29C76

Analogous

#76AAB2

#7E76B2

#768CB2

Triadic

#768CB2

#B2768C

#8CB276

Split Complementary

#768CB2

#B27E76

#AAB276

Tetradic

#768CB2

#B276AA

#B29C76

#76B27E

Color Blindness Simulation

Original

#768CB2

Protanopia

#8080A9

Deuteranopia

#7E7DA7

Tritanopia

#77A2A0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D1D9E5
300
#B1BDD3
400
#869ABB
500
#5C76A3
600
#495E83
700
#3B4C68
800
#2E3B52
900
#242D3D
950
#171D26

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026