#779DD5

#779DD5

Color Values

HEX

#779DD5

RGB

119, 157, 213

HSL

215.7, 52.8%, 65.1%

HSV

215.7, 44.1%, 83.5%

CMYK

44.1%, 26.3%, 0.0%, 16.5%

OKLCH

0.6901 0.0931 257.9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#779DD5

#D5AF77

Analogous

#77CCD5

#8077D5

#779DD5

Triadic

#779DD5

#D5779D

#9DD577

Split Complementary

#779DD5

#D58077

#CCD577

Tetradic

#779DD5

#D577CC

#D5AF77

#77D580

Color Blindness Simulation

Original

#779DD5

Protanopia

#8788C7

Deuteranopia

#8582C4

Tritanopia

#79BDBA

Achromatopsia

#999999

CSS Usage

background-color: #779DD5;
color: #779DD5;
border-color: #779DD5;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D8EE
300
#A1BCE2
400
#6F97D2
500
#3C73C3
600
#305C9C
700
#27497D
800
#1E3961
900
#192C47
950
#101C2D

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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