Benannte Farbe · #90413E
Awning Red
Awning Red ist #90413E: rgb(144 65 62), hsl(2 40% 40%), oklch(0.478 0.108 24.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Awning Red color name →
#90413E
oklch(0.478 0.108 24.2)
Farbumrechnungen
- HEX
- #90413e
- RGB
- rgb(144 65 62)
- HSL
- hsl(2 40% 40%)
- HWB
- hwb(2 24% 44%)
- OKLCH
- oklch(0.478 0.108 24.2)
- OKLab
- oklab(0.478 0.098 0.044)
- CIE Lab
- lab(38.35 33.95 18.77)
- LCH
- lch(38.35 38.79 28.9)
- CMYK
- cmyk(0% 55% 57% 44%)
Tints · Shades · Tones
Tints
- 9C5450
- A86662
- B47874
- BF8B87
- CB9E9A
- D6B1AD
- E0C4C1
- EBD7D6
- F5EBEA
Shades
- 7D3735
- 6A2E2B
- 572523
- 451C1A
- 341312
- 240B0A
- 150504
- 070101
- 010000
Tones
- 8F4845
- 8F4F4B
- 8E5652
- 8D5C58
- 8B625F
- 8A6866
- 886E6C
- 857473
- 837A79
Farbharmonien
Komplementär +180°
- 90413E
Awning Red
- 006A72
≈ Kingfisher Bright
Analog -30° +30°
- 90413E
Awning Red
- 8A4061
≈ Putnam Plum
- 8A4915
≈ Brown Eyed Girl
Triadisch +120° +240°
- 90413E
Awning Red
- 316C33
≈ San Felix
- 3D5A99
≈ Muted Lavender
Geteilt komplementär +150° +210°
- 90413E
Awning Red
- 006D59
≈ Teal Dark Green
- 00658D
≈ Pulsating Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.97:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.01:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.97:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--awning-red: #90413e;
--awning-red-rgb: 144 65 62;
--awning-red-oklch: oklch(0.478 0.108 24.2);
}
.element {
color: var(--awning-red);
background-color: hsl(2 40% 40%);
border-color: oklch(0.478 0.108 24.2);
}Tailwind CSS v4
@theme {
--color-awning-red: #90413e;
--color-awning-red-50: #ffeae5;
--color-awning-red-100: #ffdbd5;
--color-awning-red-200: #ffc3bc;
--color-awning-red-300: #eaa29a;
--color-awning-red-400: #d7847f;
--color-awning-red-500: #c36762;
--color-awning-red-600: #a55854;
--color-awning-red-700: #854643;
--color-awning-red-800: #633231;
--color-awning-red-900: #452221;
--color-awning-red-950: #2d1111;
}SCSS
$awning-red: #90413e;
$awning-red-rgb: 144, 65, 62;
$awning-red-light: mix(#fff, $awning-red, 20%);
$awning-red-dark: mix(#000, $awning-red, 20%);
.element {
color: $awning-red;
box-shadow: 0 0 0 2px rgba($awning-red, 0.35);
}