#779BC8

#779BC8

Color Values

HEX

#779BC8

RGB

119, 155, 200

HSL

213.3, 42.4%, 62.5%

HSV

213.3, 40.5%, 78.4%

CMYK

40.5%, 22.5%, 0.0%, 21.6%

OKLCH

0.68 0.078 254.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#779BC8

#C8A477

Analogous

#77C3C8

#7B77C8

#779BC8

Triadic

#779BC8

#C8779B

#9BC877

Split Complementary

#779BC8

#C87B77

#C3C877

Tetradic

#779BC8

#C877C3

#C8A477

#77C87B

Color Blindness Simulation

Original

#779BC8

Protanopia

#8787BD

Deuteranopia

#8482BA

Tritanopia

#79B5B3

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCDAEA
300
#A8BFDC
400
#799CC9
500
#497AB6
600
#3B6191
700
#2F4E74
800
#253D5B
900
#1E2E43
950
#131D2A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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