Peach Orange Color
#FFCC99
Shades
Darker variations of each color in your palette
Base Color
#FFCC99#FFCC99
#CCA37A
#997A5C
#66523D
#33291F
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#FFCC99#FFCC99
#FFD6AD
#FFE0C2
#FFEBD6
#FFF5EB
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #FFCC99 |  |
| RGB | 255, 204, 153 | |
| HSL | 30, 100%, 80% | |
| CMYK | 0%, 20%, 40%, 0% | |
| OKLCH | oklch(0.878 0.088 66) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#FFCC99#FF9999
#FFCC99
#FFFF99
Analogous
#FFCC99
#99CCFF
Complementary
#FFCC99
#99FFCC
#CC99FF
Triadic
#FFCC99
#99FFFF
#9999FF
Split Complementary
#FFCC99
#99FF99
#99CCFF
#FF99FF
Tetradic
#663300
#B35900
#FF8000
#FFA64D
#FFCC99
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#FFCC99#FF9999
#FFFF99
#99FF99
#99FFFF
#9999FF
#FF99FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#FFCC99#FFCC99
#E6BD94
#CCAE8F
#B39E8A
#998F85
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#FFCC99#FFC692
#FFC18B
#FFBB84
Warmer
#F4C6A8
#E8C1B8
#DDBBC7
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#FFCC99On White Background
Sample Text
Contrast Ratio:1.46:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:14.35: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)