Benannte Farbe · #FAC205
Orange Jelly
Orange Jelly ist #FAC205: rgb(250 194 5), hsl(46 96% 50%), oklch(0.841 0.171 87.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Orange Jelly color name →
#FAC205
oklch(0.841 0.171 87.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FBC943
- FBCF61
- FCD679
- FDDC8E
- FDE2A3
- FEE8B6
- FEEEC9
- FEF4DB
- FFF9ED
Shades
- D9A804
- BA8F03
- 9B7702
- 7D6001
- 614901
- 463400
- 2D2000
- 150E00
- 030200
Tones
- EDBC31
- E1B544
- D4AF51
- C8A85C
- BCA264
- AF9B6C
- A39472
- 978E77
- 8C877C
Farbharmonien
Komplementär +180°
- FAC205
Orange Jelly
- B4CAFF
≈ Night Snow
Analog -30° +30°
- FAC205
Orange Jelly
- FFBA86
≈ Reddish Banana
- C3D941
≈ Lime Popsicle
Triadisch +120° +240°
- FAC205
Orange Jelly
- 00E4FB
≈ Whimsical Blue
- FFA6FD
≈ Jigglypuff
Geteilt komplementär +150° +210°
- FAC205
Orange Jelly
- 91D4FF
≈ Long Island Sound
- D1BFFF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- FAC205
Orange Jelly
- 00EBCA
≈ Fake Jade
- B4CAFF
≈ Night Snow
- FFB1CB
≈ Pink Cattleya
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.78:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.78:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
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);
}