#768DBB

#768DBB

Color Values

HEX

#768DBB

RGB

118, 141, 187

HSL

220.0, 33.7%, 59.8%

HSV

220.0, 36.9%, 73.3%

CMYK

36.9%, 24.6%, 0.0%, 26.7%

OKLCH

0.6432 0.0743 263.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#768DBB

#BBA476

Analogous

#76B0BB

#8176BB

#768DBB

Triadic

#768DBB

#BB768D

#8DBB76

Split Complementary

#768DBB

#BB8176

#B0BB76

Tetradic

#768DBB

#BB76B0

#BBA476

#76BB81

Color Blindness Simulation

Original

#768DBB

Protanopia

#8080B0

Deuteranopia

#7F7DAD

Tritanopia

#77A7A5

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD6
400
#8196C0
500
#5571AA
600
#445B88
700
#36486D
800
#2A3955
900
#222C3F
950
#151C28

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026