Pale Bright Orange is a medium-light, saturated shade in the orange color family, with a warm feel. Its HEX code is #F2BD88, which equals rgb(242, 189, 136) in RGB and hsl(30, 80%, 74%) in HSL. In print terms it converts to roughly C0 M22 Y44 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#F2BD88 - RGB
242, 189, 136 - HSL
30°, 80%, 74% - CMYK
0, 22, 44, 5 - Family
Orange - Tone
Medium-light, saturated
About Pale Bright Orange
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 12.41:1. Its complementary color is #88BDF2.
Download Pale Bright Orange 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 Orange color codes
| HEX | #F2BD88 |
|---|---|
| RGB | rgb(242, 189, 136) |
| HSL | hsl(30, 80%, 74%) |
| HSV | 30°, 44%, 95% |
| CMYK | 0%, 22%, 44%, 5% |
| Decimal | 15908232 |
Shades and tints of Pale Bright Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDF4EB - 100
#FBE9D7 - 200
#F9DEC4 - 300
#F6D3B0 - 400
#F4C89C - 500
#F2BD88 - 600
#CA9E71 - 700
#A17E5B - 800
#795F44 - 900
#513F2D - 950
#282017
Color harmonies for Pale Bright Orange
- Complementary
#88BDF2≈ Pale Bright Azure - Analogous −30°
#F28888≈ Pale Bright Cardinal - Analogous +30°
#F2F288≈ Pale Bright Citron - Triadic +120°
#88F2BD≈ Pale Bright Seafoam - Triadic +240°
#BD88F2≈ Pale Bright Amethyst - Split 150°
#88F2F2≈ Pale Bright Teal - Split 210°
#8888F2≈ Pale Bright Ultramarine
Contrast and accessibility of Pale Bright Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Orange | Aa | 1.69:1 | Fails |
| Black text on Pale Bright Orange | Aa | 12.41:1 | AAA (excellent) |
CSS code for Pale Bright Orange
background-color: #F2BD88;color: #F2BD88;background-color: rgb(242, 189, 136);background-color: hsl(30, 80%, 74%);:root { --color-pale-bright-orange: #F2BD88; }class="bg-[#F2BD88]"Colors similar to Pale Bright Orange
- Pale Bright Tangerine
#F2C788 - Pale Bright Persimmon
#F2B288 - Pale Orange
#FFBD7A - Pale Soft Orange
#E4BD95 - Pale Soft Persimmon
#E4B595 - Pale Soft Tangerine
#E4C595 - Burly Wood
#DEB887 - Pale Tangerine
#FFCA7A - Pale Persimmon
#FFAF7A - Pale Bright Amber
#F2D288 - Pale Bright Cinnabar
#F2A788 - Pale Soft Cinnabar
#E4AD95
More orange shades
- Pale Orange
#FFBD7A - Very Pale Orange
#FFD1A3 - Palest Orange
#FFE6CC - Bright Orange
#E68019 - Medium Light Bright Orange
#EA943E - Light Bright Orange
#EEA863 - Very Pale Bright Orange
#F6D1AC - Palest Bright Orange
#FAE6D1 - Soft Orange
#CC8033 - Medium Light Soft Orange
#D49454 - Light Soft Orange
#DCA874
Frequently asked questions
What is the HEX code for Pale Bright Orange?
The HEX code for Pale Bright Orange is #F2BD88.
What is the RGB value of Pale Bright Orange?
Pale Bright Orange has an RGB value of 242, 189, 136 (rgb(242, 189, 136)). In HSL it is 30°, 80%, 74%.
What text color should I use on Pale Bright Orange?
Use black text on Pale Bright Orange. White text has a contrast ratio of 1.69:1 and black text has 12.41:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Orange?
The complementary color of Pale Bright Orange is #88BDF2. Analogous colors #F28888 and #F2F288 also pair well.