Benannte Farbe · #85222B
Red Dahlia
Red Dahlia ist #85222B: rgb(133 34 43), hsl(355 59% 33%), oklch(0.414 0.133 20.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Dahlia color name →
#85222B
oklch(0.414 0.133 20.4)
Farbumrechnungen
- HEX
- #85222b
- RGB
- rgb(133 34 43)
- HSL
- hsl(355 59% 33%)
- HWB
- hwb(355 13% 48%)
- OKLCH
- oklch(0.414 0.133 20.4)
- OKLab
- oklab(0.414 0.125 0.046)
- CIE Lab
- lab(30.67 42.72 20.65)
- LCH
- lch(30.67 47.45 25.8)
- CMYK
- cmyk(0% 74% 68% 48%)
Tints · Shades · Tones
Tints
- 933A3E
- A15052
- AE6666
- BB7B7A
- C7908F
- D3A6A5
- DFBCBB
- EAD2D1
- F5E8E8
Shades
- 731C24
- 61161D
- 501116
- 400B10
- 30070A
- 210305
- 130102
- 060001
- 010000
Tones
- 862F33
- 87393C
- 874344
- 884D4D
- 875655
- 875E5E
- 866766
- 846F6F
- 827877
Farbharmonien
Komplementär +180°
- 85222B
Red Dahlia
- 00575B
≈ Deep Sea Green
Analog -30° +30°
- 85222B
Red Dahlia
- 7D2455
≈ Pico Eggplant
- 783600
≈ Bay Brown
Triadisch +120° +240°
- 85222B
Red Dahlia
- 165C02
≈ Lincoln Green
- 1B4793
≈ Cascade Twilight
Geteilt komplementär +150° +210°
- 85222B
Red Dahlia
- 005A45
≈ Forest Shadows
- 005370
≈ Night Kite
Tetradisch +90° +180° +270°
- 85222B
Red Dahlia
- 4F4F00
≈ Scorzonera Brown
- 00575B
≈ Deep Sea Green
- 4D398D
≈ Blue Gem
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.28:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.26:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--red-dahlia: #85222b;
--red-dahlia-rgb: 133 34 43;
--red-dahlia-oklch: oklch(0.414 0.133 20.4);
}
.element {
color: var(--red-dahlia);
background-color: hsl(355 59% 33%);
border-color: oklch(0.414 0.133 20.4);
}Tailwind CSS v4
@theme {
--color-red-dahlia: #85222b;
--color-red-dahlia-50: #ffe7e4;
--color-red-dahlia-100: #ffd7d4;
--color-red-dahlia-200: #ffbeba;
--color-red-dahlia-300: #f49c98;
--color-red-dahlia-400: #e27c7d;
--color-red-dahlia-500: #d05c60;
--color-red-dahlia-600: #af4f51;
--color-red-dahlia-700: #8d3f41;
--color-red-dahlia-800: #692c30;
--color-red-dahlia-900: #4a1e21;
--color-red-dahlia-950: #300d10;
}SCSS
$red-dahlia: #85222b;
$red-dahlia-rgb: 133, 34, 43;
$red-dahlia-light: mix(#fff, $red-dahlia, 20%);
$red-dahlia-dark: mix(#000, $red-dahlia, 20%);
.element {
color: $red-dahlia;
box-shadow: 0 0 0 2px rgba($red-dahlia, 0.35);
}