Benannte Farbe · #FDDFB8
Evening Sun
Evening Sun ist #FDDFB8: rgb(253 223 184), hsl(34 95% 86%), oklch(0.919 0.061 74.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Evening Sun color name →
#FDDFB8
oklch(0.919 0.061 74.2)
Farbumrechnungen
- HEX
- #fddfb8
- RGB
- rgb(253 223 184)
- HSL
- hsl(34 95% 86%)
- HWB
- hwb(34 72% 1%)
- OKLCH
- oklch(0.919 0.061 74.2)
- OKLab
- oklab(0.919 0.017 0.058)
- CIE Lab
- lab(90.62 6.5 23.19)
- LCH
- lch(90.62 24.08 74.3)
- CMYK
- cmyk(0% 12% 27% 1%)
Tints · Shades · Tones
Tints
- FDE2BF
- FEE5C6
- FEE9CE
- FEECD5
- FEEFDC
- FEF2E3
- FFF6EA
- FFF9F1
- FFFCF8
Shades
- DCC2A0
- BCA588
- 9D8A71
- 7F6F5B
- 625645
- 473D31
- 2D271E
- 16120C
- 030202
Tones
- F0D5B2
- E3CBAD
- D6C2A7
- C9B8A2
- BDAE9C
- B0A597
- A49C91
- 98928B
- 8C8986
Farbharmonien
Komplementär +180°
- FDDFB8
Evening Sun
- D3E6FF
≈ Veiling Waterfalls
Analog -30° +30°
- FDDFB8
Evening Sun
- FFDCCD
≈ Glazed Sugar
- EAE7B8
≈ Beacon
Triadisch +120° +240°
- FDDFB8
Evening Sun
- B5F2F0
≈ Cold Blooded
- F2DAFF
≈ Lavender Savour
Geteilt komplementär +150° +210°
- FDDFB8
Evening Sun
- BFEDFF
≈ Ice Effect
- E0E1FF
≈ Stoic White
Tetradisch +90° +180° +270°
- FDDFB8
Evening Sun
- C0F2DA
≈ Mystery Mint
- D3E6FF
≈ Veiling Waterfalls
- FFD7ED
≈ Sweet Sachet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.42:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.42:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--evening-sun: #fddfb8;
--evening-sun-rgb: 253 223 184;
--evening-sun-oklch: oklch(0.919 0.061 74.2);
}
.element {
color: var(--evening-sun);
background-color: hsl(34 95% 86%);
border-color: oklch(0.919 0.061 74.2);
}Tailwind CSS v4
@theme {
--color-evening-sun: #fddfb8;
--color-evening-sun-50: #fff3e2;
--color-evening-sun-100: #f4e6d2;
--color-evening-sun-200: #e4d1b8;
--color-evening-sun-300: #cab495;
--color-evening-sun-400: #b49a77;
--color-evening-sun-500: #9e8058;
--color-evening-sun-600: #866d4b;
--color-evening-sun-700: #6b573c;
--color-evening-sun-800: #503f2b;
--color-evening-sun-900: #372b1d;
--color-evening-sun-950: #22190d;
}SCSS
$evening-sun: #fddfb8;
$evening-sun-rgb: 253, 223, 184;
$evening-sun-light: mix(#fff, $evening-sun, 20%);
$evening-sun-dark: mix(#000, $evening-sun, 20%);
.element {
color: $evening-sun;
box-shadow: 0 0 0 2px rgba($evening-sun, 0.35);
}