#769BCD

#769BCD

Color Values

HEX

#769BCD

RGB

118, 155, 205

HSL

214.5, 46.5%, 63.3%

HSV

214.5, 42.4%, 80.4%

CMYK

42.4%, 24.4%, 0.0%, 19.6%

OKLCH

0.6816 0.085 256.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#769BCD

#CDA876

Analogous

#76C6CD

#7C76CD

#769BCD

Triadic

#769BCD

#CD769B

#9BCD76

Split Complementary

#769BCD

#CD7C76

#C6CD76

Tetradic

#769BCD

#CD76C6

#CDA876

#76CD7C

Color Blindness Simulation

Original

#769BCD

Protanopia

#8686C1

Deuteranopia

#8481BE

Tritanopia

#78B7B5

Achromatopsia

#979797

CSS Usage

background-color: #769BCD;
color: #769BCD;
border-color: #769BCD;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBD9EC
300
#A5BEDE
400
#759ACD
500
#4477BB
600
#375F95
700
#2C4C78
800
#223B5D
900
#1C2D45
950
#121D2B

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026