Benannte Farbe · #E5A192
Rose Dusk
Rose Dusk ist #E5A192: rgb(229 161 146), hsl(11 61% 74%), oklch(0.771 0.084 32.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rose Dusk color name →
#E5A192
oklch(0.771 0.084 32.9)
Farbumrechnungen
- HEX
- #e5a192
- RGB
- rgb(229 161 146)
- HSL
- hsl(11 61% 74%)
- HWB
- hwb(11 57% 10%)
- OKLCH
- oklch(0.771 0.084 32.9)
- OKLab
- oklab(0.771 0.071 0.046)
- CIE Lab
- lab(72.71 24.62 18.48)
- LCH
- lch(72.71 30.78 36.9)
- CMYK
- cmyk(0% 30% 36% 10%)
Tints · Shades · Tones
Tints
- E8AA9D
- EBB4A7
- EEBDB2
- F1C6BD
- F4D0C8
- F6D9D3
- F9E3DE
- FBECE9
- FDF6F4
Shades
- C78B7E
- AA766B
- 8E6258
- 724E46
- 583C35
- 3F2A25
- 281916
- 120908
- 030101
Tones
- DB9E90
- D19B8F
- C7978D
- BD948B
- B29189
- A88E88
- 9E8A86
- 948784
- 8A8382
Farbharmonien
Komplementär +180°
- E5A192
Rose Dusk
- 70C3D4
≈ Thredbo
Analog -30° +30°
- E5A192
Rose Dusk
- E39EAF
≈ Vintage Victorian
- DBA97C
≈ Eastern Spice
Triadisch +120° +240°
- E5A192
Rose Dusk
- 8BC59B
≈ Delltone
- A2B1EB
≈ Wondrous Wisteria
Geteilt komplementär +150° +210°
- E5A192
Rose Dusk
- 73C6B9
≈ Shockwave
- 84BBE6
≈ C’est la Vie
Tetradisch +90° +180° +270°
- E5A192
Rose Dusk
- AABE81
≈ Margarita
- 70C3D4
≈ Thredbo
- BFA8E1
≈ Perfume
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.84:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.84:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--rose-dusk: #e5a192;
--rose-dusk-rgb: 229 161 146;
--rose-dusk-oklch: oklch(0.771 0.084 32.9);
}
.element {
color: var(--rose-dusk);
background-color: hsl(11 61% 74%);
border-color: oklch(0.771 0.084 32.9);
}Tailwind CSS v4
@theme {
--color-rose-dusk: #e5a192;
--color-rose-dusk-50: #ffede5;
--color-rose-dusk-100: #ffdfd5;
--color-rose-dusk-200: #f6c8bc;
--color-rose-dusk-300: #dfa99b;
--color-rose-dusk-400: #cb8c7e;
--color-rose-dusk-500: #b77162;
--color-rose-dusk-600: #9b6053;
--color-rose-dusk-700: #7c4c42;
--color-rose-dusk-800: #5c3730;
--color-rose-dusk-900: #412621;
--color-rose-dusk-950: #291410;
}SCSS
$rose-dusk: #e5a192;
$rose-dusk-rgb: 229, 161, 146;
$rose-dusk-light: mix(#fff, $rose-dusk, 20%);
$rose-dusk-dark: mix(#000, $rose-dusk, 20%);
.element {
color: $rose-dusk;
box-shadow: 0 0 0 2px rgba($rose-dusk, 0.35);
}