Benannte Farbe · #D95854
Rosy Sunset
Rosy Sunset ist #D95854: rgb(217 88 84), hsl(2 64% 59%), oklch(0.626 0.163 24.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rosy Sunset color name →
#D95854
oklch(0.626 0.163 24.7)
Farbumrechnungen
- HEX
- #d95854
- RGB
- rgb(217 88 84)
- HSL
- hsl(2 64% 59%)
- HWB
- hwb(2 33% 15%)
- OKLCH
- oklch(0.626 0.163 24.7)
- OKLab
- oklab(0.626 0.148 0.068)
- CIE Lab
- lab(55.04 51.41 29.68)
- LCH
- lch(55.04 59.36 30)
- CMYK
- cmyk(0% 59% 61% 15%)
Tints · Shades · Tones
Tints
- DF6A65
- E57C75
- EA8D86
- EE9D97
- F2AEA8
- F6BEB9
- F9CECA
- FCDFDC
- FEEFED
Shades
- BC4B48
- A13F3C
- 863331
- 6C2826
- 531D1B
- 3B1211
- 250908
- 110302
- 020000
Tones
- D15E59
- C9635E
- C16863
- B96D67
- B0716B
- A77470
- 9E7874
- 957B78
- 8B7D7C
Farbharmonien
Komplementär +180°
- D95854
Rosy Sunset
- 009AA6
≈ Turkish Boy
Analog -30° +30°
- D95854
Rosy Sunset
- D0578D
≈ Pretty in Plum
- CD6900
≈ Sludge
Triadisch +120° +240°
- D95854
Rosy Sunset
- 39A042
≈ Gangly Gremlin
- 5682EA
≈ Blue Elemental
Geteilt komplementär +150° +210°
- D95854
Rosy Sunset
- 009F84
≈ Reptilian Green
- 0093CC
≈ Germander Speedwell
Tetradisch +90° +180° +270°
- D95854
Rosy Sunset
- 879100
≈ Old Asparagus
- 009AA6
≈ Turkish Boy
- 9070DF
≈ Matt Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--rosy-sunset: #d95854;
--rosy-sunset-rgb: 217 88 84;
--rosy-sunset-oklch: oklch(0.626 0.163 24.7);
}
.element {
color: var(--rosy-sunset);
background-color: hsl(2 64% 59%);
border-color: oklch(0.626 0.163 24.7);
}Tailwind CSS v4
@theme {
--color-rosy-sunset: #d95854;
--color-rosy-sunset-50: #ffe4dc;
--color-rosy-sunset-100: #ffd4cb;
--color-rosy-sunset-200: #ffb9af;
--color-rosy-sunset-300: #ff958a;
--color-rosy-sunset-400: #ef736c;
--color-rosy-sunset-500: #dd4e4c;
--color-rosy-sunset-600: #bb4341;
--color-rosy-sunset-700: #963634;
--color-rosy-sunset-800: #702527;
--color-rosy-sunset-900: #4f191a;
--color-rosy-sunset-950: #34090a;
}SCSS
$rosy-sunset: #d95854;
$rosy-sunset-rgb: 217, 88, 84;
$rosy-sunset-light: mix(#fff, $rosy-sunset, 20%);
$rosy-sunset-dark: mix(#000, $rosy-sunset, 20%);
.element {
color: $rosy-sunset;
box-shadow: 0 0 0 2px rgba($rosy-sunset, 0.35);
}