命名颜色 · #FE985C
Papaya
Papaya 即 #FE985C：rgb(254 152 92)、hsl(22 99% 68%)、oklch(0.775 0.144 49.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Papaya color name →
#FE985C
oklch(0.775 0.144 49.9)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- FFA36E
- FFAE7F
- FFB890
- FFC3A0
- FFCDB0
- FFD7C0
- FFE1D0
- FFEBDF
- FFF5EF
深色调
- DD844F
- BD7042
- 9E5C36
- 804A2A
- 63381F
- 472714
- 2D170A
- 160803
- 030100
灰色调
- F19662
- E59467
- D8926B
- CC906F
- BF8E73
- B38B76
- A68979
- 9A867B
- 8D837E
配色和谐
互补色 +180°
- FE985C
Papaya
- 2FC6FF
≈ Shovel Knight
类似色 -30° +30°
- FE985C
Papaya
- FF9193
≈ Cherished One
- E5AA35
≈ Tulip Tree
三角配色 +120° +240°
- FE985C
Papaya
- 2FD3A7
≈ Wild Caribbean Green
- B4A8FF
≈ Shy Moment
分裂互补色 +150° +210°
- FE985C
Papaya
- 00CED6
≈ Jade Glass
- 8AB7FF
≈ Carolina Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.12:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.86:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
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);
}