Benannte Farbe · #AE9550
Obsession
Obsession ist #AE9550: rgb(174 149 80), hsl(44 37% 50%), oklch(0.678 0.094 89.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Obsession color name →
#AE9550
oklch(0.678 0.094 89.9)
Farbumrechnungen
- HEX
- #ae9550
- RGB
- rgb(174 149 80)
- HSL
- hsl(44 37% 50%)
- HWB
- hwb(44 31% 32%)
- OKLCH
- oklch(0.678 0.094 89.9)
- OKLab
- oklab(0.678 0 0.094)
- CIE Lab
- lab(62.89 3.16 39.62)
- LCH
- lch(62.89 39.75 85.4)
- CMYK
- cmyk(0% 14% 54% 32%)
Tints · Shades · Tones
Tints
- B69F62
- BEAA74
- C6B486
- CEBF97
- D6C9A8
- DED4B9
- E6DFCB
- EEE9DC
- F7F4ED
Shades
- 978144
- 806D39
- 6A5A2E
- 554824
- 41371A
- 2E2610
- 1C1607
- 0B0802
- 010100
Tones
- A99356
- A5915C
- A08F62
- 9B8D67
- 978B6B
- 928970
- 8E8774
- 898578
- 85827C
Farbharmonien
Komplementär +180°
- AE9550
Obsession
- 8195D2
≈ Mystic Iris
Analog -30° +30°
- AE9550
Obsession
- C28A5B
≈ Espresso Tonic
- 90A05C
≈ Yanagizome Green
Triadisch +120° +240°
- AE9550
Obsession
- 45A7B7
≈ Freshwater
- B882B3
≈ Drama Violet
Geteilt komplementär +150° +210°
- AE9550
Obsession
- 5E9FCB
≈ Picton Blue
- A08AC9
≈ Petrified Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.91:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.21:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.21:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--obsession: #ae9550;
--obsession-rgb: 174 149 80;
--obsession-oklch: oklch(0.678 0.094 89.9);
}
.element {
color: var(--obsession);
background-color: hsl(44 37% 50%);
border-color: oklch(0.678 0.094 89.9);
}Tailwind CSS v4
@theme {
--color-obsession: #ae9550;
--color-obsession-50: #fff5d8;
--color-obsession-100: #f3e8c5;
--color-obsession-200: #e2d4a7;
--color-obsession-300: #c9b680;
--color-obsession-400: #b49c5b;
--color-obsession-500: #9e8334;
--color-obsession-600: #866f2d;
--color-obsession-700: #6b5924;
--color-obsession-800: #504018;
--color-obsession-900: #382c0f;
--color-obsession-950: #221903;
}SCSS
$obsession: #ae9550;
$obsession-rgb: 174, 149, 80;
$obsession-light: mix(#fff, $obsession, 20%);
$obsession-dark: mix(#000, $obsession, 20%);
.element {
color: $obsession;
box-shadow: 0 0 0 2px rgba($obsession, 0.35);
}