Benannte Farbe · #99451F
Autumn Red
Autumn Red ist #99451F: rgb(153 69 31), hsl(19 66% 36%), oklch(0.493 0.123 42.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Autumn Red color name →
#99451F
oklch(0.493 0.123 42.8)
Farbumrechnungen
- HEX
- #99451f
- RGB
- rgb(153 69 31)
- HSL
- hsl(19 66% 36%)
- HWB
- hwb(19 12% 40%)
- OKLCH
- oklch(0.493 0.123 42.8)
- OKLab
- oklab(0.493 0.091 0.084)
- CIE Lab
- lab(40.31 34.2 39.2)
- LCH
- lch(40.31 52.02 48.9)
- CMYK
- cmyk(0% 55% 80% 40%)
Tints · Shades · Tones
Tints
- A55837
- B06A4D
- BB7C63
- C58E78
- CFA18E
- D9B3A4
- E3C6BA
- EDD9D1
- F6ECE8
Shades
- 843B19
- 703114
- 5D270F
- 4A1E0A
- 381506
- 270C03
- 170501
- 080200
- 010000
Tones
- 984C2C
- 965337
- 945941
- 925F4A
- 906554
- 8D6B5D
- 8A7066
- 87766E
- 847B77
Farbharmonien
Komplementär +180°
- 99451F
Autumn Red
- 006C87
≈ Arabian Nights
Analog -30° +30°
- 99451F
Autumn Red
- 9A3E4D
≈ Egyptian Red
- 855600
≈ Spear Shaft
Triadisch +120° +240°
- 99451F
Autumn Red
- 00744F
≈ Lush Meadow
- 5955A4
≈ Brandywine Raspberry
Geteilt komplementär +150° +210°
- 99451F
Autumn Red
- 00706E
≈ Pine Scented Lagoon
- 2463A5
≈ Nebulas Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.51:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--autumn-red: #99451f;
--autumn-red-rgb: 153 69 31;
--autumn-red-oklch: oklch(0.493 0.123 42.8);
}
.element {
color: var(--autumn-red);
background-color: hsl(19 66% 36%);
border-color: oklch(0.493 0.123 42.8);
}Tailwind CSS v4
@theme {
--color-autumn-red: #99451f;
--color-autumn-red-50: #ffebd9;
--color-autumn-red-100: #ffdcc7;
--color-autumn-red-200: #ffc4a9;
--color-autumn-red-300: #eda382;
--color-autumn-red-400: #db8562;
--color-autumn-red-500: #c8673d;
--color-autumn-red-600: #a95835;
--color-autumn-red-700: #88462a;
--color-autumn-red-800: #65321e;
--color-autumn-red-900: #472214;
--color-autumn-red-950: #2e1106;
}SCSS
$autumn-red: #99451f;
$autumn-red-rgb: 153, 69, 31;
$autumn-red-light: mix(#fff, $autumn-red, 20%);
$autumn-red-dark: mix(#000, $autumn-red, 20%);
.element {
color: $autumn-red;
box-shadow: 0 0 0 2px rgba($autumn-red, 0.35);
}