Wedgewood Color

#4A708B

Shades

Darker variations of each color in your palette

Base Color

#4A708B
#4A708B
#3B5A6F
#2C4353
#1E2D38
#0F161C
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#4A708B
#4A708B
#6E8DA2
#92A9B9
#B7C6D1
#DBE2E8
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#4A708BWedgewood Color
RGB74, 112, 139
HSL205, 31%, 42%
CMYK47%, 19%, 0%, 45%
OKLCHoklch(0.528 0.061 240)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#4A708B
#4A8C87
#4A708B
#4A4F8C

Analogous

#4A708B
#8C664A

Complementary

#4A708B
#8C4A71
#718C4A

Triadic

#4A708B
#8C4A4F
#8C874A

Split Complementary

#4A708B
#874A8C
#8C664A
#4F8C4A

Tetradic

#233643
#3E5E75
#5886A7
#8AAAC1
#BCCFDC

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#4A708B
#8C4A4A
#8C8C4A
#4A8C4A
#4A8C8C
#4A4A8C
#8C4A8C

Hues

Tones

Tones created by adding gray to each color

Base Color

#4A708B
#4A708B
#557389
#607687
#6A7A84
#757D82
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#4A708B
#657185
#80727E
#9B7478

Warmer

#47719C
#4372AE
#4074BF

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#4A708B

On White Background

Sample Text
Contrast Ratio:5.27:1
WCAG Level:AA
PASS

On Black Background

Sample Text
Contrast Ratio:3.98:1
WCAG Level:AA Large
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)