#779FBF

#779FBF

Color Values

HEX

#779FBF

RGB

119, 159, 191

HSL

206.7, 36.0%, 60.8%

HSV

206.7, 37.7%, 74.9%

CMYK

37.7%, 16.8%, 0.0%, 25.1%

OKLCH

0.685 0.0645 243.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#779FBF

#BF9777

Analogous

#77BFBB

#777BBF

#779FBF

Triadic

#779FBF

#BF779F

#9FBF77

Split Complementary

#779FBF

#BF777B

#BFBB77

Tetradic

#779FBF

#BB77BF

#BF9777

#7BBF77

Color Blindness Simulation

Original

#779FBF

Protanopia

#8889B7

Deuteranopia

#8683B5

Tritanopia

#79B1B0

Achromatopsia

#999999

CSS Usage

background-color: #779FBF;
color: #779FBF;
border-color: #779FBF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE8
300
#ACC4D8
400
#7FA4C3
500
#5285AD
600
#416A8B
700
#34556F
800
#294257
900
#213240
950
#152029

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026