Benannte Farbe · #FFD160
Evening Star
Evening Star ist #FFD160: rgb(255 209 96), hsl(43 100% 69%), oklch(0.88 0.14 87). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Evening Star color name →
#FFD160
oklch(0.88 0.14 87)
Farbumrechnungen
- HEX
- #ffd160
- RGB
- rgb(255 209 96)
- HSL
- hsl(43 100% 69%)
- HWB
- hwb(43 38% 0%)
- OKLCH
- oklch(0.88 0.14 87)
- OKLab
- oklab(0.88 0.007 0.139)
- CIE Lab
- lab(86.34 7.9 60.84)
- LCH
- lch(86.34 61.35 82.6)
- CMYK
- cmyk(0% 18% 62% 0%)
Tints · Shades · Tones
Tints
- FFD674
- FFDB86
- FFE097
- FFE4A7
- FFE9B6
- FFEEC5
- FFF2D4
- FFF6E2
- FFFBF1
Shades
- DEB552
- BE9B45
- 9E8138
- 80682C
- 635020
- 483915
- 2E230A
- 161003
- 030200
Tones
- F2C967
- E5C16C
- D7B971
- CBB175
- BEA878
- B1A07A
- A5987C
- 98907E
- 8C887F
Farbharmonien
Komplementär +180°
- FFD160
Evening Star
- C6D7FF
≈ Pale Phthalo Blue
Analog -30° +30°
- FFD160
Evening Star
- FFCBA7
≈ Peach Crayon
- D1E373
≈ Idocrase Green
Triadisch +120° +240°
- FFD160
Evening Star
- 67EEFF
≈ Robin’s Egg
- FFBEFE
≈ Distilled Rose
Geteilt komplementär +150° +210°
- FFD160
Evening Star
- ADDFFF
≈ Droplet
- DBCFFF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FFD160
Evening Star
- 56F5D6
≈ Lamiaceae
- C6D7FF
≈ Pale Phthalo Blue
- FFC5D8
≈ Sweet Serenade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.54:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--evening-star: #ffd160;
--evening-star-rgb: 255 209 96;
--evening-star-oklch: oklch(0.88 0.14 87);
}
.element {
color: var(--evening-star);
background-color: hsl(43 100% 69%);
border-color: oklch(0.88 0.14 87);
}Tailwind CSS v4
@theme {
--color-evening-star: #ffd160;
--color-evening-star-50: #fff4c8;
--color-evening-star-100: #fbe6b3;
--color-evening-star-200: #ecd28e;
--color-evening-star-300: #d4b45e;
--color-evening-star-400: #c29825;
--color-evening-star-500: #ae7d00;
--color-evening-star-600: #936a00;
--color-evening-star-700: #765500;
--color-evening-star-800: #583d00;
--color-evening-star-900: #3e2a00;
--color-evening-star-950: #271700;
}SCSS
$evening-star: #ffd160;
$evening-star-rgb: 255, 209, 96;
$evening-star-light: mix(#fff, $evening-star, 20%);
$evening-star-dark: mix(#000, $evening-star, 20%);
.element {
color: $evening-star;
box-shadow: 0 0 0 2px rgba($evening-star, 0.35);
}