Golden Yellow Color

#FFC125

Shades

Darker variations of each color in your palette

Base Color

#FFC125
#FFC125
#CC9A1E
#997416
#664D0F
#332707
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#FFC125
#FFC125
#FFCD51
#FFDA7C
#FFE6A8
#FFF3D3
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#FFC125Golden Yellow Color
RGB255, 193, 37
HSL43, 100%, 57%
CMYK0%, 24%, 85%, 0%
OKLCHoklch(0.845 0.166 84)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#FFC125
#FF5324
#FFC125
#CFFF24

Analogous

#FFC125
#2462FF

Complementary

#FFC125
#24FFC1
#C124FF

Triadic

#FFC125
#24CFFF
#5324FF

Split Complementary

#FFC125
#24FF53
#2462FF
#FF24CF

Tetradic

#664900
#B38000
#FFB700
#FFCC4D
#FFE299

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#FFC125
#FF2424
#FFFF24
#24FF24
#24FFFF
#2424FF
#FF24FF

Hues

Tones

Tones created by adding gray to each color

Base Color

#FFC125
#FFC125
#E6B437
#CCA749
#B39A5C
#998D6E
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#FFC125
#FFBC23
#FFB722
#FFB220

Warmer

#F4BC46
#E8B766
#DDB287

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#FFC125

On White Background

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

On Black Background

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