#768BCD

#768BCD

Color Values

HEX

#768BCD

RGB

118, 139, 205

HSL

225.5, 46.5%, 63.3%

HSV

225.5, 42.4%, 80.4%

CMYK

42.4%, 32.2%, 0.0%, 19.6%

OKLCH

0.6474 0.1021 269.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#768BCD

#CDB876

Analogous

#76B6CD

#8C76CD

#768BCD

Triadic

#768BCD

#CD768B

#8BCD76

Split Complementary

#768BCD

#CD8C76

#B6CD76

Tetradic

#768BCD

#CD76B6

#CDB876

#76CD8C

Color Blindness Simulation

Original

#768BCD

Protanopia

#7F7FBD

Deuteranopia

#7E7CB9

Tritanopia

#77B0AE

Achromatopsia

#8B8B8B

CSS Usage

background-color: #768BCD;
color: #768BCD;
border-color: #768BCD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD3EC
300
#A5B3DE
400
#758ACD
500
#4461BB
600
#374D95
700
#2C3E78
800
#22305D
900
#1C2645
950
#12182B

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026