Faded Orange Color

#FFA07A

Shades

Darker variations of each color in your palette

Base Color

#FFA07A
#FFA07A
#CC8062
#996049
#664031
#332018
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#FFA07A
#FFA07A
#FFB395
#FFC6AF
#FFD9CA
#FFECE4
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#FFA07AFaded Orange Color
RGB255, 160, 122
HSL17, 100%, 74%
CMYK0%, 37%, 52%, 0%
OKLCHoklch(0.794 0.125 42)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#FFA07A
#FF7A97
#FFA07A
#FFE27A

Analogous

#FFA07A
#7AD9FF

Complementary

#FFA07A
#7AFFA0
#A07AFF

Triadic

#FFA07A
#7AFFE2
#7A97FF

Split Complementary

#FFA07A
#97FF7A
#7AD9FF
#E27AFF

Tetradic

#661D00
#B33300
#FF4800
#FF7F4D
#FFB699

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#FFA07A
#FF7A7A
#FFFF7A
#7AFF7A
#7AFFFF
#7A7AFF
#FF7AFF

Hues

Tones

Tones created by adding gray to each color

Base Color

#FFA07A
#FFA07A
#E69A7B
#CC937C
#B38D7E
#99867F
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#FFA07A
#FF9E75
#FF9B6F
#FF996A

Warmer

#F49E8E
#E89BA2
#DD99B6

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#FFA07A

On White Background

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

On Black Background

Sample Text
Contrast Ratio:10.56: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)