#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026