Benannte Farbe · #785240
Earth Fired Red
Earth Fired Red ist #785240: rgb(120 82 64), hsl(19 30% 36%), oklch(0.475 0.058 46.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Earth Fired Red color name →
#785240
oklch(0.475 0.058 46.2)
Farbumrechnungen
- HEX
- #785240
- RGB
- rgb(120 82 64)
- HSL
- hsl(19 30% 36%)
- HWB
- hwb(19 25% 53%)
- OKLCH
- oklch(0.475 0.058 46.2)
- OKLab
- oklab(0.475 0.04 0.042)
- CIE Lab
- lab(38.79 14.65 17.29)
- LCH
- lch(38.79 22.66 49.7)
- CMYK
- cmyk(0% 32% 47% 53%)
Tints · Shades · Tones
Tints
- 856251
- 927263
- A08375
- AD9488
- BBA59B
- C8B6AE
- D6C8C2
- E3DAD6
- F1ECEA
Shades
- 674636
- 573B2D
- 482F24
- 39251B
- 2A1A13
- 1D110B
- 100805
- 050201
- 010000
Tones
- 795746
- 7A5B4D
- 7B6053
- 7C655A
- 7D6960
- 7E6E66
- 7E726D
- 7F7773
- 807B7A
Farbharmonien
Komplementär +180°
- 785240
Earth Fired Red
- 356376
≈ Denim Blue
Analog -30° +30°
- 785240
Earth Fired Red
- 7A4F51
≈ Veil of Cinder
- 6F5836
≈ Bali Batik
Triadisch +120° +240°
- 785240
Earth Fired Red
- 3A6755
≈ Isle of Pines
- 59587C
≈ Blue Glaze
Geteilt komplementär +150° +210°
- 785240
Earth Fired Red
- 2F6767
≈ Magnetic Green
- 475E7D
≈ Parlour Blue
Tetradisch +90° +180° +270°
- 785240
Earth Fired Red
- 4D6443
≈ Deep Viridian
- 356376
≈ Denim Blue
- 695273
≈ Basil Mauve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.81:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.07:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--earth-fired-red: #785240;
--earth-fired-red-rgb: 120 82 64;
--earth-fired-red-oklch: oklch(0.475 0.058 46.2);
}
.element {
color: var(--earth-fired-red);
background-color: hsl(19 30% 36%);
border-color: oklch(0.475 0.058 46.2);
}Tailwind CSS v4
@theme {
--color-earth-fired-red: #785240;
--color-earth-fired-red-50: #fff1e7;
--color-earth-fired-red-100: #f9e3d7;
--color-earth-fired-red-200: #eacdbf;
--color-earth-fired-red-300: #d1af9e;
--color-earth-fired-red-400: #bc9482;
--color-earth-fired-red-500: #a77a65;
--color-earth-fired-red-600: #8d6856;
--color-earth-fired-red-700: #715345;
--color-earth-fired-red-800: #543c32;
--color-earth-fired-red-900: #3b2922;
--color-earth-fired-red-950: #241711;
}SCSS
$earth-fired-red: #785240;
$earth-fired-red-rgb: 120, 82, 64;
$earth-fired-red-light: mix(#fff, $earth-fired-red, 20%);
$earth-fired-red-dark: mix(#000, $earth-fired-red, 20%);
.element {
color: $earth-fired-red;
box-shadow: 0 0 0 2px rgba($earth-fired-red, 0.35);
}