Benannte Farbe · #FF9682
Orange Aura
Orange Aura ist #FF9682: rgb(255 150 130), hsl(10 100% 75%), oklch(0.779 0.13 31.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Orange Aura color name →
#FF9682
oklch(0.779 0.13 31.7)
Farbumrechnungen
- HEX
- #ff9682
- RGB
- rgb(255 150 130)
- HSL
- hsl(10 100% 75%)
- HWB
- hwb(10 51% 0%)
- OKLCH
- oklch(0.779 0.13 31.7)
- OKLab
- oklab(0.779 0.111 0.068)
- CIE Lab
- lab(73.2 38.91 28.48)
- LCH
- lch(73.2 48.22 36.2)
- CMYK
- cmyk(0% 41% 49% 0%)
Tints · Shades · Tones
Tints
- FFA18E
- FFAC9B
- FFB6A7
- FFC1B4
- FFCBC0
- FFD6CD
- FFE0D9
- FFEAE6
- FFF5F2
Shades
- DE8270
- BE6E5F
- 9E5B4E
- 80493E
- 63372F
- 482620
- 2E1612
- 160806
- 030101
Tones
- F29482
- E69382
- D99182
- CD8F82
- C08D82
- B48A82
- A78882
- 9A8581
- 8D8381
Farbharmonien
Komplementär +180°
- FF9682
Orange Aura
- 23CCE7
≈ Picnic Day Sky
Analog -30° +30°
- FF9682
Orange Aura
- FB92B1
≈ Schauss Pink
- F2A359
≈ Sandy Brown
Triadisch +120° +240°
- FF9682
Orange Aura
- 72CF8D
≈ Serengeti Green
- 9DB3FF
≈ Wondrous Wisteria
Geteilt komplementär +150° +210°
- FF9682
Orange Aura
- 30D2BD
≈ Bianchi Green
- 68C0FF
≈ Maya Blue
Tetradisch +90° +180° +270°
- FF9682
Orange Aura
- AAC460
≈ Green Glow
- 23CCE7
≈ Picnic Day Sky
- C6A2FC
≈ Diva
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.93:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--orange-aura: #ff9682;
--orange-aura-rgb: 255 150 130;
--orange-aura-oklch: oklch(0.779 0.13 31.7);
}
.element {
color: var(--orange-aura);
background-color: hsl(10 100% 75%);
border-color: oklch(0.779 0.13 31.7);
}Tailwind CSS v4
@theme {
--color-orange-aura: #ff9682;
--color-orange-aura-50: #ffe9dd;
--color-orange-aura-100: #ffd9cc;
--color-orange-aura-200: #ffc1b0;
--color-orange-aura-300: #f29f8b;
--color-orange-aura-400: #e17f6d;
--color-orange-aura-500: #ce604d;
--color-orange-aura-600: #ae5242;
--color-orange-aura-700: #8c4134;
--color-orange-aura-800: #682e26;
--color-orange-aura-900: #491f1a;
--color-orange-aura-950: #300f0a;
}SCSS
$orange-aura: #ff9682;
$orange-aura-rgb: 255, 150, 130;
$orange-aura-light: mix(#fff, $orange-aura, 20%);
$orange-aura-dark: mix(#000, $orange-aura, 20%);
.element {
color: $orange-aura;
box-shadow: 0 0 0 2px rgba($orange-aura, 0.35);
}