Pale Bright Tangerine is a medium-light, saturated shade in the orange color family, with a warm feel. Its HEX code is #F2C788, which equals rgb(242, 199, 136) in RGB and hsl(36, 80%, 74%) in HSL. In print terms it converts to roughly C0 M18 Y44 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#F2C788 - RGB
242, 199, 136 - HSL
36°, 80%, 74% - CMYK
0, 18, 44, 5 - Family
Orange - Tone
Medium-light, saturated
About Pale Bright Tangerine
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 13.30:1. Its complementary color is #88B2F2.
Download Pale Bright Tangerine 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 Bright Tangerine color codes
| HEX | #F2C788 |
|---|---|
| RGB | rgb(242, 199, 136) |
| HSL | hsl(36, 80%, 74%) |
| HSV | 36°, 44%, 95% |
| CMYK | 0%, 18%, 44%, 5% |
| Decimal | 15910792 |
Shades and tints of Pale Bright Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDF6EB - 100
#FBECD7 - 200
#F9E3C4 - 300
#F6DAB0 - 400
#F4D09C - 500
#F2C788 - 600
#CAA671 - 700
#A1855B - 800
#796444 - 900
#51422D - 950
#282117
Color harmonies for Pale Bright Tangerine
- Complementary
#88B2F2≈ Pale Bright Cerulean - Analogous −30°
#F29288≈ Pale Bright Red - Analogous +30°
#E7F288≈ Pale Bright Lime - Triadic +120°
#88F2C7≈ Pale Bright Mint - Triadic +240°
#C788F2≈ Pale Bright Violet - Split 150°
#88E7F2≈ Pale Bright Peacock - Split 210°
#9288F2≈ Pale Bright Blue
Contrast and accessibility of Pale Bright Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Tangerine | Aa | 1.58:1 | Fails |
| Black text on Pale Bright Tangerine | Aa | 13.30:1 | AAA (excellent) |
CSS code for Pale Bright Tangerine
background-color: #F2C788;color: #F2C788;background-color: rgb(242, 199, 136);background-color: hsl(36, 80%, 74%);:root { --color-pale-bright-tangerine: #F2C788; }class="bg-[#F2C788]"Colors similar to Pale Bright Tangerine
- Pale Bright Orange
#F2BD88 - Pale Bright Amber
#F2D288 - Pale Tangerine
#FFCA7A - Pale Soft Tangerine
#E4C595 - Pale Soft Amber
#E4CD95 - Pale Orange
#FFBD7A - Pale Soft Orange
#E4BD95 - Pale Soft Marigold
#E4D595 - Pale Bright Persimmon
#F2B288 - Pale Amber
#FFD77A - Pale Bright Marigold
#F2DD88 - Very Pale Persimmon
#FFC8A3
More orange shades
- Pale Tangerine
#FFCA7A - Very Pale Tangerine
#FFDAA3 - Palest Tangerine
#FFEBCC - Bright Tangerine
#E69419 - Medium Light Bright Tangerine
#EAA53E - Light Bright Tangerine
#EEB663 - Very Pale Bright Tangerine
#F6D8AC - Palest Bright Tangerine
#FAEAD1 - Soft Tangerine
#CC8F33 - Medium Light Soft Tangerine
#D4A154 - Light Soft Tangerine
#DCB374
Frequently asked questions
What is the HEX code for Pale Bright Tangerine?
The HEX code for Pale Bright Tangerine is #F2C788.
What is the RGB value of Pale Bright Tangerine?
Pale Bright Tangerine has an RGB value of 242, 199, 136 (rgb(242, 199, 136)). In HSL it is 36°, 80%, 74%.
What text color should I use on Pale Bright Tangerine?
Use black text on Pale Bright Tangerine. White text has a contrast ratio of 1.58:1 and black text has 13.30:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Tangerine?
The complementary color of Pale Bright Tangerine is #88B2F2. Analogous colors #F29288 and #E7F288 also pair well.