#769DA3

#769DA3

Color Values

HEX

#769DA3

RGB

118, 157, 163

HSL

188.0, 19.7%, 55.1%

HSV

188.0, 27.6%, 63.9%

CMYK

27.6%, 3.7%, 0.0%, 36.1%

OKLCH

0.6694 0.0435 207.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#769DA3

#A37C76

Analogous

#76A393

#7686A3

#769DA3

Triadic

#769DA3

#A3769D

#9DA376

Split Complementary

#769DA3

#A37686

#A39376

Tetradic

#769DA3

#9376A3

#A37C76

#86A376

Color Blindness Simulation

Original

#769DA3

Protanopia

#8787A2

Deuteranopia

#8582A1

Tritanopia

#78A0A0

Achromatopsia

#959595

CSS Usage

background-color: #769DA3;
color: #769DA3;
border-color: #769DA3;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6CBCE
400
#8EAEB3
500
#669299
600
#52757A
700
#425D62
800
#33494C
900
#283739
950
#192324

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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