Mango Orange Color
#FF8C42
Shades
Darker variations of each color in your palette
Base Color
#FF8C42#FF8C42
#CC7035
#995428
#66381A
#331C0D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#FF8C42#FF8C42
#FFA368
#FFBA8E
#FFD1B3
#FFE8D9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #FF8C42 |  |
| RGB | 255, 140, 66 | |
| HSL | 23, 100%, 63% | |
| CMYK | 0%, 45%, 74%, 0% | |
| OKLCH | oklch(0.754 0.164 50) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#FF8C42#FF4258
#FF8C42
#FFE942
Analogous
#FF8C42
#42B7FF
Complementary
#FF8C42
#42FF8B
#8B42FF
Triadic
#FF8C42
#42FFE9
#4258FF
Split Complementary
#FF8C42
#58FF42
#42B7FF
#E942FF
Tetradic
#662700
#B34400
#FF6200
#FF914D
#FFC099
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#FF8C42#FF4242
#FFFF42
#42FF42
#42FFFF
#4242FF
#FF42FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#FF8C42#FF8C42
#E68A4E
#CC875B
#B38567
#998274
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#FF8C42#FF8B3F
#FF8A3C
#FF8939
Warmer
#F48B5E
#E88A7B
#DD8997
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#FF8C42On White Background
Sample Text
Contrast Ratio:2.31:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:9.08: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)