Orange
Orange Shades
| Orange Shade 1 | |
|---|---|
| HEX | #FFF8F5 |
| HSL | hsl(17.05, 99.76%, 98.01%) |
| LCH | lch(98%, 100, 47) |
| RGB | rgb(255, 248, 245) |
| Orange Shade 2 | |
|---|---|
| HEX | #FFDED1 |
| HSL | hsl(17.3, 99.97%, 90.92%) |
| LCH | lch(91%, 100, 47) |
| RGB | rgb(255, 222, 209) |
| Orange Shade 3 | |
|---|---|
| HEX | #FD4D00 |
| HSL | hsl(18.2, 99.99%, 49.52%) |
| LCH | lch(59%, 100, 47) |
| RGB | rgb(253, 77, 0) |
| Orange Shade 4 | |
|---|---|
| HEX | #CD3C00 |
| HSL | hsl(17.68, 99.98%, 40.12%) |
| LCH | lch(48%, 100, 47) |
| RGB | rgb(205, 60, 0) |
| Orange Shade 5 | |
|---|---|
| HEX | #752100 |
| HSL | hsl(17.02, 99.98%, 23.02%) |
| LCH | lch(27%, 100, 47) |
| RGB | rgb(117, 33, 0) |
| Orange Shade 6 | |
|---|---|
| HEX | #401600 |
| HSL | hsl(20.77, 99.94%, 12.58%) |
| LCH | lch(14%, 100, 47) |
| RGB | rgb(64, 22, 0) |
Complementary
Complementary colors are pleasing, high-contrast pairs. They can be found by moving 180° around the color wheel.
Orange's complementary color: sky.
Split Complementary
Split-complementary colors can be found by splitting a color's complementary color into two, nearby analogous colors.
Orange's split complementary pair: cerulean and powder
Triadic
Triadic colors are sets of three, equidistance on the color wheel, spaced 120° apart.
Orange's triadic pair: aquamarine and indigo
Tetradic
Tetradic colors are two complementary color pairs, all equally spaced 90° on the color wheel.
Orange's tetradic group: green, sky, and purple
Analogous
Analogous colors are sets of three contiguous colors. Reasonable Colors uses 15° steps on the color wheel to select analogous color triads.
Orange's analogous triad: red and cinnamon.