Pale Cinnabar is a medium-light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FFA27A, which equals rgb(255, 162, 122) in RGB and hsl(18, 100%, 74%) in HSL. In print terms it converts to roughly C0 M36 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFA27A - RGB
255, 162, 122 - HSL
18°, 100%, 74% - CMYK
0, 36, 52, 0 - Family
Orange - Tone
Medium-light, vivid
About Pale Cinnabar
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 10.70:1. Its complementary color is #7AD7FF.
Download Pale Cinnabar as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pale Cinnabar color codes
| HEX | #FFA27A |
|---|---|
| RGB | rgb(255, 162, 122) |
| HSL | hsl(18, 100%, 74%) |
| HSV | 18°, 52%, 100% |
| CMYK | 0%, 36%, 52%, 0% |
| Decimal | 16753274 |
Shades and tints of Pale Cinnabar
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF0E9 - 100
#FFE0D3 - 200
#FFD1BD - 300
#FFC1A6 - 400
#FFB290 - 500
#FFA27A - 600
#D58766 - 700
#AA6C51 - 800
#80513D - 900
#553629 - 950
#2B1B14
Color harmonies for Pale Cinnabar
- Complementary
#7AD7FF≈ Pale Peacock - Analogous −30°
#FF7A95≈ Pale Ruby - Analogous +30°
#FFE47A≈ Pale Amber - Triadic +120°
#7AFFA2≈ Pale Emerald - Triadic +240°
#A27AFF≈ Pale Indigo - Split 150°
#7AFFE4≈ Pale Aquamarine - Split 210°
#7A95FF≈ Pale Sapphire
Contrast and accessibility of Pale Cinnabar
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Cinnabar | Aa | 1.96:1 | Fails |
| Black text on Pale Cinnabar | Aa | 10.70:1 | AAA (excellent) |
CSS code for Pale Cinnabar
background-color: #FFA27A;color: #FFA27A;background-color: rgb(255, 162, 122);background-color: hsl(18, 100%, 74%);:root { --color-pale-cinnabar: #FFA27A; }class="bg-[#FFA27A]"Colors similar to Pale Cinnabar
- Light Salmon
#FFA07A - Pale Vermilion
#FF957A - Pale Persimmon
#FFAF7A - Pale Bright Vermilion
#F29D88 - Pale Bright Cinnabar
#F2A788 - Sandy Brown
#F4A460 - Pale Bright Scarlet
#F29288 - Pale Bright Persimmon
#F2B288 - Dark Salmon
#E9967A - Light Bright Orange
#EEA863 - Light Bright Persimmon
#EE9A63 - Pale Scarlet
#FF887A
More orange shades
- Pumpkin
#FF7518 - Apricot
#FBCEB1 - Peach
#FFE5B4 - Pure Cinnabar
#FF4D00 - Medium Light Cinnabar
#FF6929 - Light Cinnabar
#FF8652 - Very Pale Cinnabar
#FFBFA3 - Palest Cinnabar
#FFDBCC - Bright Cinnabar
#E65719 - Medium Light Bright Cinnabar
#EA723E - Light Bright Cinnabar
#EE8D63
Frequently asked questions
What is the HEX code for Pale Cinnabar?
The HEX code for Pale Cinnabar is #FFA27A.
What is the RGB value of Pale Cinnabar?
Pale Cinnabar has an RGB value of 255, 162, 122 (rgb(255, 162, 122)). In HSL it is 18°, 100%, 74%.
What text color should I use on Pale Cinnabar?
Use black text on Pale Cinnabar. White text has a contrast ratio of 1.96:1 and black text has 10.70:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Cinnabar?
The complementary color of Pale Cinnabar is #7AD7FF. Analogous colors #FF7A95 and #FFE47A also pair well.