Benannte Farbe · #FA873D
Sunset Yellow
Sunset Yellow ist #FA873D: rgb(250 135 61), hsl(23 95% 61%), oklch(0.739 0.164 50.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunset Yellow color name →
#FA873D
oklch(0.739 0.164 50.1)
Farbumrechnungen
- HEX
- #fa873d
- RGB
- rgb(250 135 61)
- HSL
- hsl(23 95% 61%)
- HWB
- hwb(23 24% 2%)
- OKLCH
- oklch(0.739 0.164 50.1)
- OKLab
- oklab(0.739 0.105 0.126)
- CIE Lab
- lab(68.69 41.09 58.08)
- LCH
- lch(68.69 71.15 54.7)
- CMYK
- cmyk(0% 46% 76% 2%)
Tints · Shades · Tones
Tints
- FC9455
- FEA16B
- FFAD7E
- FFB991
- FFC5A4
- FFD1B6
- FFDCC8
- FFE8DB
- FFF4ED
Shades
- D97534
- BA632B
- 9B5122
- 7D411A
- 613112
- 46210A
- 2D1304
- 150601
- 030100
Tones
- EE8748
- E28751
- D68759
- CA8761
- BE8667
- B2856D
- A68472
- 9A8377
- 8D827C
Farbharmonien
Komplementär +180°
- FA873D
Sunset Yellow
- 00BAF5
≈ Zima Blue
Analog -30° +30°
- FA873D
Sunset Yellow
- FF7C80
≈ Forbidden Fruit
- DC9E00
≈ Grapefruit Yellow
Triadisch +120° +240°
- FA873D
Sunset Yellow
- 00C79C
≈ Caribbean Green
- AA99FF
≈ Cobalite
Geteilt komplementär +150° +210°
- FA873D
Sunset Yellow
- 00C2CA
≈ Turquoise Surf
- 77AAFF
≈ Fennel Flower
Tetradisch +90° +180° +270°
- FA873D
Sunset Yellow
- 6DC35A
≈ Conceptual
- 00BAF5
≈ Zima Blue
- D785EA
≈ Lavender Perceptions
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.59:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--sunset-yellow: #fa873d;
--sunset-yellow-rgb: 250 135 61;
--sunset-yellow-oklch: oklch(0.739 0.164 50.1);
}
.element {
color: var(--sunset-yellow);
background-color: hsl(23 95% 61%);
border-color: oklch(0.739 0.164 50.1);
}Tailwind CSS v4
@theme {
--color-sunset-yellow: #fa873d;
--color-sunset-yellow-50: #ffe9cb;
--color-sunset-yellow-100: #ffd9b6;
--color-sunset-yellow-200: #ffc192;
--color-sunset-yellow-300: #f99e64;
--color-sunset-yellow-400: #e97d38;
--color-sunset-yellow-500: #d75c00;
--color-sunset-yellow-600: #b64f00;
--color-sunset-yellow-700: #923f00;
--color-sunset-yellow-800: #6d2c00;
--color-sunset-yellow-900: #4d1e00;
--color-sunset-yellow-950: #330d00;
}SCSS
$sunset-yellow: #fa873d;
$sunset-yellow-rgb: 250, 135, 61;
$sunset-yellow-light: mix(#fff, $sunset-yellow, 20%);
$sunset-yellow-dark: mix(#000, $sunset-yellow, 20%);
.element {
color: $sunset-yellow;
box-shadow: 0 0 0 2px rgba($sunset-yellow, 0.35);
}