Greyish Blue Color

#779ECB

Shades

Darker variations of each color in your palette

Base Color

#779ECB
#779ECB
#5F7EA2
#475F7A
#303F51
#182029
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#779ECB
#779ECB
#92B1D5
#ADC5E0
#C9D8EA
#E4ECF5
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#779ECBGreyish Blue Color
RGB119, 158, 203
HSL212, 45%, 63%
CMYK41%, 22%, 0%, 20%
OKLCHoklch(0.688 0.079 253)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#779ECB
#76C8CB
#779ECB
#7976CB

Analogous

#779ECB
#CBA376

Complementary

#779ECB
#CB769E
#9ECB76

Triadic

#779ECB
#CB7976
#C8CB76

Split Complementary

#779ECB
#CB76C8
#CBA376
#76CB79

Tetradic

#1C314A
#315781
#467CB9
#7EA3CE
#B5CAE3

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#779ECB
#CB7676
#CBCB76
#76CB76
#76CBCB
#7676CB
#CB76CB

Hues

Tones

Tones created by adding gray to each color

Base Color

#779ECB
#779ECB
#7998BC
#7B92AD
#7C8C9E
#7E868F
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#779ECB
#8B9CC2
#A09AB9
#B497B0

Warmer

#729CD3
#6C9ADB
#6797E2

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#779ECB

On White Background

Sample Text
Contrast Ratio:2.79:1
WCAG Level:Fail
FAIL

On Black Background

Sample Text
Contrast Ratio:7.54:1
WCAG Level:AAA
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)