Dark Yellow Color

#9B870C

Shades

Darker variations of each color in your palette

Base Color

#9B870C
#9B870C
#7C6C0A
#5D5107
#3E3605
#1F1B02
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#9B870C
#9B870C
#AF9F3D
#C3B76D
#D7CF9E
#EBE7CE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#9B870CDark Yellow Color
RGB155, 135, 12
HSL52, 86%, 33%
CMYK0%, 13%, 92%, 39%
OKLCHoklch(0.623 0.126 98)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#9B870C
#9D410C
#9B870C
#679D0C

Analogous

#9B870C
#0C1F9D

Complementary

#9B870C
#0C9D89
#890C9D

Triadic

#9B870C
#0C679D
#410C9D

Split Complementary

#9B870C
#0C9D41
#0C1F9D
#9D0C67

Tetradic

#5F5307
#A6920C
#EDD012
#F3DE59
#F8ECA0

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#9B870C
#9D0C0C
#9D9D0C
#0C9D0C
#0C9D9D
#0C0C9D
#9D0C9D

Hues

Tones

Tones created by adding gray to each color

Base Color

#9B870C
#9B870C
#968623
#90843A
#8B8352
#858169
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#9B870C
#AA860B
#B9860B
#C8850A

Warmer

#948630
#8D8655
#868579

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#9B870C

On White Background

Sample Text
Contrast Ratio:3.58:1
WCAG Level:AA Large
PASS

On Black Background

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