#768FCB

#768FCB

Color Values

HEX

#768FCB

RGB

118, 143, 203

HSL

222.4, 45.0%, 62.9%

HSV

222.4, 41.9%, 79.6%

CMYK

41.9%, 29.6%, 0.0%, 20.4%

OKLCH

0.6549 0.0945 266.5

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#768FCB

#CBB276

Analogous

#76B9CB

#8776CB

#768FCB

Triadic

#768FCB

#CB768F

#8FCB76

Split Complementary

#768FCB

#CB8776

#B9CB76

Tetradic

#768FCB

#CB76B9

#CBB276

#76CB87

Color Blindness Simulation

Original

#768FCB

Protanopia

#8181BC

Deuteranopia

#7F7EB9

Tritanopia

#77B1AE

Achromatopsia

#8E8E8E

CSS Usage

background-color: #768FCB;
color: #768FCB;
border-color: #768FCB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD5EB
300
#A6B6DD
400
#768FCB
500
#4668B9
600
#385394
700
#2D4276
800
#23345C
900
#1D2844
950
#12192B

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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