命名颜色 · #FAC205
Orange Jelly
Orange Jelly 即 #FAC205：rgb(250 194 5)、hsl(46 96% 50%)、oklch(0.841 0.171 87.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Orange Jelly color name →
#FAC205
oklch(0.841 0.171 87.4)
颜色转换
- HEX
- #fac205
- RGB
- rgb(250 194 5)
- HSL
- hsl(46 96% 50%)
- HWB
- hwb(46 2% 2%)
- OKLCH
- oklch(0.841 0.171 87.4)
- OKLab
- oklab(0.841 0.008 0.171)
- CIE Lab
- lab(81.81 11.07 82.14)
- LCH
- lch(81.81 82.88 82.3)
- CMYK
- cmyk(0% 22% 98% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBC943
- FBCF61
- FCD679
- FDDC8E
- FDE2A3
- FEE8B6
- FEEEC9
- FEF4DB
- FFF9ED
深色调
- D9A804
- BA8F03
- 9B7702
- 7D6001
- 614901
- 463400
- 2D2000
- 150E00
- 030200
灰色调
- EDBC31
- E1B544
- D4AF51
- C8A85C
- BCA264
- AF9B6C
- A39472
- 978E77
- 8C877C
配色和谐
互补色 +180°
- FAC205
Orange Jelly
- B4CAFF
≈ Night Snow
类似色 -30° +30°
- FAC205
Orange Jelly
- FFBA86
≈ Reddish Banana
- C3D941
≈ Lime Popsicle
三角配色 +120° +240°
- FAC205
Orange Jelly
- 00E4FB
≈ Whimsical Blue
- FFA6FD
≈ Jigglypuff
分裂互补色 +150° +210°
- FAC205
Orange Jelly
- 91D4FF
≈ Long Island Sound
- D1BFFF
≈ Lavender Tonic
四角配色 +90° +180° +270°
- FAC205
Orange Jelly
- 00EBCA
≈ Fake Jade
- B4CAFF
≈ Night Snow
- FFB1CB
≈ Pink Cattleya
对比度与无障碍
Ag
Fail白底
WCAG 1.64:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.78:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.78:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--orange-jelly: #fac205;
--orange-jelly-rgb: 250 194 5;
--orange-jelly-oklch: oklch(0.841 0.171 87.4);
}
.element {
color: var(--orange-jelly);
background-color: hsl(46 96% 50%);
border-color: oklch(0.841 0.171 87.4);
}Tailwind CSS v4
@theme {
--color-orange-jelly: #fac205;
--color-orange-jelly-50: #fff4bd;
--color-orange-jelly-100: #ffe6a6;
--color-orange-jelly-200: #f1d17b;
--color-orange-jelly-300: #dab23f;
--color-orange-jelly-400: #c99600;
--color-orange-jelly-500: #b67a00;
--color-orange-jelly-600: #996800;
--color-orange-jelly-700: #7b5300;
--color-orange-jelly-800: #5d3b00;
--color-orange-jelly-900: #412900;
--color-orange-jelly-950: #291600;
}SCSS
$orange-jelly: #fac205;
$orange-jelly-rgb: 250, 194, 5;
$orange-jelly-light: mix(#fff, $orange-jelly, 20%);
$orange-jelly-dark: mix(#000, $orange-jelly, 20%);
.element {
color: $orange-jelly;
box-shadow: 0 0 0 2px rgba($orange-jelly, 0.35);
}