Named color · #FE985C
Papaya
Papaya is #FE985C: rgb(254 152 92), hsl(22 99% 68%), oklch(0.775 0.144 49.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Papaya color name →
#FE985C
oklch(0.775 0.144 49.9)
Color conversions
- HEX
- #fe985c
- RGB
- rgb(254 152 92)
- HSL
- hsl(22 99% 68%)
- HWB
- hwb(22 36% 0%)
- OKLCH
- oklch(0.775 0.144 49.9)
- OKLab
- oklab(0.775 0.093 0.11)
- CIE Lab
- lab(73.03 35.49 48.12)
- LCH
- lch(73.03 59.79 53.6)
- CMYK
- cmyk(0% 40% 64% 0%)
Tints · Shades · Tones
Tints
- FFA36E
- FFAE7F
- FFB890
- FFC3A0
- FFCDB0
- FFD7C0
- FFE1D0
- FFEBDF
- FFF5EF
Shades
- DD844F
- BD7042
- 9E5C36
- 804A2A
- 63381F
- 472714
- 2D170A
- 160803
- 030100
Tones
- F19662
- E59467
- D8926B
- CC906F
- BF8E73
- B38B76
- A68979
- 9A867B
- 8D837E
Color harmonies
Complementary +180°
- FE985C
Papaya
- 2FC6FF
≈ Shovel Knight
Analogous -30° +30°
- FE985C
Papaya
- FF9193
≈ Cherished One
- E5AA35
≈ Tulip Tree
Triadic +120° +240°
- FE985C
Papaya
- 2FD3A7
≈ Wild Caribbean Green
- B4A8FF
≈ Shy Moment
Split-complementary +150° +210°
- FE985C
Papaya
- 00CED6
≈ Jade Glass
- 8AB7FF
≈ Carolina Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.12:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.86:1 · APCA Lc 61
Best text color: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--papaya: #fe985c;
--papaya-rgb: 254 152 92;
--papaya-oklch: oklch(0.775 0.144 49.9);
}
.element {
color: var(--papaya);
background-color: hsl(22 99% 68%);
border-color: oklch(0.775 0.144 49.9);
}Tailwind CSS v4
@theme {
--color-papaya: #fe985c;
--color-papaya-50: #ffebd0;
--color-papaya-100: #ffdbbc;
--color-papaya-200: #ffc39b;
--color-papaya-300: #f2a271;
--color-papaya-400: #e1824a;
--color-papaya-500: #cf6312;
--color-papaya-600: #ae5515;
--color-papaya-700: #8c4411;
--color-papaya-800: #69300c;
--color-papaya-900: #4a2008;
--color-papaya-950: #300f00;
}SCSS
$papaya: #fe985c;
$papaya-rgb: 254, 152, 92;
$papaya-light: mix(#fff, $papaya, 20%);
$papaya-dark: mix(#000, $papaya, 20%);
.element {
color: $papaya;
box-shadow: 0 0 0 2px rgba($papaya, 0.35);
}