Benannte Farbe · #FFAA1D
Averland Sunset
Averland Sunset ist #FFAA1D: rgb(255 170 29), hsl(37 100% 56%), oklch(0.802 0.166 72). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Averland Sunset color name →
#FFAA1D
oklch(0.802 0.166 72)
Farbumrechnungen
- HEX
- #ffaa1d
- RGB
- rgb(255 170 29)
- HSL
- hsl(37 100% 56%)
- HWB
- hwb(37 11% 0%)
- OKLCH
- oklch(0.802 0.166 72)
- OKLab
- oklab(0.802 0.051 0.158)
- CIE Lab
- lab(76.76 25.26 75.67)
- LCH
- lch(76.76 79.77 71.5)
- CMYK
- cmyk(0% 33% 89% 0%)
Tints · Shades · Tones
Tints
- FFB346
- FFBC62
- FFC579
- FFCE8E
- FFD6A2
- FFDFB5
- FFE7C8
- FFEFDA
- FFF7ED
Shades
- DE9318
- BE7D13
- 9E680E
- 805309
- 633F05
- 482D03
- 2E1B01
- 160B00
- 030100
Tones
- F2A636
- E5A346
- D89F52
- CC9B5C
- BF9664
- B2926B
- A68E71
- 998977
- 8D857C
Farbharmonien
Komplementär +180°
- FFAA1D
Averland Sunset
- 8DC3FF
≈ Chromis Damsel Blue
Analog -30° +30°
- FFAA1D
Averland Sunset
- FFA481
≈ Orchid Orange
- D4C10E
≈ Bird Flower
Triadisch +120° +240°
- FFAA1D
Averland Sunset
- 00DAD5
≈ Fish Boy
- DCA3FF
≈ Medium Lavender Magenta
Geteilt komplementär +150° +210°
- FFAA1D
Averland Sunset
- 2AD2FF
≈ Tropical Turquoise
- B4B7FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
- FFAA1D
Averland Sunset
- 2EDF9D
≈ Aqua Green
- 8DC3FF
≈ Chromis Damsel Blue
- FF96D9
≈ Pink Condition
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.90:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.01:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.01:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--averland-sunset: #ffaa1d;
--averland-sunset-rgb: 255 170 29;
--averland-sunset-oklch: oklch(0.802 0.166 72);
}
.element {
color: var(--averland-sunset);
background-color: hsl(37 100% 56%);
border-color: oklch(0.802 0.166 72);
}Tailwind CSS v4
@theme {
--color-averland-sunset: #ffaa1d;
--color-averland-sunset-50: #ffefc1;
--color-averland-sunset-100: #ffe0aa;
--color-averland-sunset-200: #ffca82;
--color-averland-sunset-300: #eaa94b;
--color-averland-sunset-400: #d98b00;
--color-averland-sunset-500: #c76d00;
--color-averland-sunset-600: #a85d00;
--color-averland-sunset-700: #874a00;
--color-averland-sunset-800: #653500;
--color-averland-sunset-900: #472400;
--color-averland-sunset-950: #2e1200;
}SCSS
$averland-sunset: #ffaa1d;
$averland-sunset-rgb: 255, 170, 29;
$averland-sunset-light: mix(#fff, $averland-sunset, 20%);
$averland-sunset-dark: mix(#000, $averland-sunset, 20%);
.element {
color: $averland-sunset;
box-shadow: 0 0 0 2px rgba($averland-sunset, 0.35);
}