Benannte Farbe · #E8D99C
Sunny Glory
Sunny Glory ist #E8D99C: rgb(232 217 156), hsl(48 62% 76%), oklch(0.883 0.08 96). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sunny Glory color name →
#E8D99C
oklch(0.883 0.08 96)
Farbumrechnungen
- HEX
- #e8d99c
- RGB
- rgb(232 217 156)
- HSL
- hsl(48 62% 76%)
- HWB
- hwb(48 61% 9%)
- OKLCH
- oklch(0.883 0.08 96)
- OKLab
- oklab(0.883 -0.008 0.08)
- CIE Lab
- lab(86.86 -1.22 32.1)
- LCH
- lch(86.86 32.12 92.2)
- CMYK
- cmyk(0% 6% 33% 9%)
Tints · Shades · Tones
Tints
- EADDA6
- EDE1B0
- EFE5BA
- F1E8C4
- F3ECCE
- F6F0D8
- F8F4E2
- FAF8EC
- FDFBF5
Shades
- CABC87
- ACA173
- 90865F
- 746C4C
- 595339
- 403B28
- 292518
- 131109
- 030201
Tones
- DDD09A
- D2C797
- C8BE95
- BDB592
- B3AC8F
- A8A38C
- 9E9A89
- 949186
- 8A8983
Farbharmonien
Komplementär +180°
- E8D99C
Sunny Glory
- CED6FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E8D99C
Sunny Glory
- FECFA0
≈ Peach Beach
- CBE3A9
≈ Lime Cream
Triadisch +120° +240°
- E8D99C
Sunny Glory
- 9AE6FA
≈ Winter Wizard
- FBC5ED
≈ Rosy Maple Moth
Geteilt komplementär +150° +210°
- E8D99C
Sunny Glory
- B8DDFF
≈ Broad Daylight
- E4CDFF
≈ Lens Flare Pink
Tetradisch +90° +180° +270°
- E8D99C
Sunny Glory
- 9AEAE0
≈ Sea Glass Teal
- CED6FF
≈ Pale Phthalo Blue
- FFC8D2
≈ Sweet Sixteen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.83:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.83:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--sunny-glory: #e8d99c;
--sunny-glory-rgb: 232 217 156;
--sunny-glory-oklch: oklch(0.883 0.08 96);
}
.element {
color: var(--sunny-glory);
background-color: hsl(48 62% 76%);
border-color: oklch(0.883 0.08 96);
}Tailwind CSS v4
@theme {
--color-sunny-glory: #e8d99c;
--color-sunny-glory-50: #fbf6dc;
--color-sunny-glory-100: #efe9cb;
--color-sunny-glory-200: #ddd5ae;
--color-sunny-glory-300: #c2b889;
--color-sunny-glory-400: #ac9f67;
--color-sunny-glory-500: #968644;
--color-sunny-glory-600: #7f713b;
--color-sunny-glory-700: #655b2f;
--color-sunny-glory-800: #4b4220;
--color-sunny-glory-900: #342d15;
--color-sunny-glory-950: #201a07;
}SCSS
$sunny-glory: #e8d99c;
$sunny-glory-rgb: 232, 217, 156;
$sunny-glory-light: mix(#fff, $sunny-glory, 20%);
$sunny-glory-dark: mix(#000, $sunny-glory, 20%);
.element {
color: $sunny-glory;
box-shadow: 0 0 0 2px rgba($sunny-glory, 0.35);
}