Benannte Farbe · #FFE670
Shandy
Shandy ist #FFE670: rgb(255 230 112), hsl(50 100% 72%), oklch(0.923 0.14 97.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Shandy color name →
#FFE670
oklch(0.923 0.14 97.5)
Farbumrechnungen
- HEX
- #ffe670
- RGB
- rgb(255 230 112)
- HSL
- hsl(50 100% 72%)
- HWB
- hwb(50 44% 0%)
- OKLCH
- oklch(0.923 0.14 97.5)
- OKLab
- oklab(0.923 -0.018 0.139)
- CIE Lab
- lab(91.67 -1.41 59.6)
- LCH
- lch(91.67 59.62 91.4)
- CMYK
- cmyk(0% 10% 56% 0%)
Tints · Shades · Tones
Tints
- FFE982
- FFEC92
- FFEEA1
- FFF1B0
- FFF3BD
- FFF6CB
- FFF8D8
- FFFBE5
- FFFDF2
Shades
- DEC860
- BEAB51
- 9E8E43
- 807335
- 635927
- 48401A
- 2E280E
- 161304
- 030301
Tones
- F2DC74
- E4D178
- D7C77B
- CABD7D
- BDB27F
- B1A880
- A49E80
- 989481
- 8C8A81
Farbharmonien
Komplementär +180°
- FFE670
Shandy
- DFE4FF
≈ Stoic White
Analog -30° +30°
- FFE670
Shandy
- FFDFBF
≈ Odious Orange
- CBF78E
≈ Pistachio Mousse
Triadisch +120° +240°
- FFE670
Shandy
- BBF0FF
≈ Ice Effect
- FFD8F3
≈ Sweet Sachet
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.80:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--shandy: #ffe670;
--shandy-rgb: 255 230 112;
--shandy-oklch: oklch(0.923 0.14 97.5);
}
.element {
color: var(--shandy);
background-color: hsl(50 100% 72%);
border-color: oklch(0.923 0.14 97.5);
}Tailwind CSS v4
@theme {
--color-shandy: #ffe670;
--color-shandy-50: #fef7c9;
--color-shandy-100: #f3eab4;
--color-shandy-200: #e2d68f;
--color-shandy-300: #c9b960;
--color-shandy-400: #b59e26;
--color-shandy-500: #a08500;
--color-shandy-600: #877000;
--color-shandy-700: #6c5a00;
--color-shandy-800: #514100;
--color-shandy-900: #392d00;
--color-shandy-950: #231a00;
}SCSS
$shandy: #ffe670;
$shandy-rgb: 255, 230, 112;
$shandy-light: mix(#fff, $shandy, 20%);
$shandy-dark: mix(#000, $shandy, 20%);
.element {
color: $shandy;
box-shadow: 0 0 0 2px rgba($shandy, 0.35);
}