Colore con nome · #862808
Red Shade Wash
Red Shade Wash è #862808: rgb(134 40 8), hsl(15 89% 28%), oklch(0.419 0.134 36.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Red Shade Wash color name →
#862808
oklch(0.419 0.134 36.8)
Conversioni di colore
- HEX
- #862808
- RGB
- rgb(134 40 8)
- HSL
- hsl(15 89% 28%)
- HWB
- hwb(15 3% 47%)
- OKLCH
- oklch(0.419 0.134 36.8)
- OKLab
- oklab(0.419 0.107 0.08)
- CIE Lab
- lab(31.44 39.82 40.78)
- LCH
- lch(31.44 56.99 45.7)
- CMYK
- cmyk(0% 70% 94% 47%)
Tinte · Ombre · Toni
Tinte
- 943F27
- A1553F
- AE6956
- BB7E6D
- C79384
- D3A89C
- DEBEB4
- EAD3CD
- F4E9E6
Ombre
- 742106
- 621B04
- 511503
- 400F02
- 300901
- 210401
- 130200
- 060100
- 010000
Toni
- 87331B
- 883D28
- 884734
- 88503F
- 88584A
- 876055
- 866860
- 84706B
- 827875
Armonie di colore
Complementare +180°
- 862808
Red Shade Wash
- 005667
≈ Rainy Morning
Analogo -30° +30°
- 862808
Red Shade Wash
- 852240
≈ Refined Chianti
- 6E4100
≈ Bloodtracker Brown
Triadico +120° +240°
- 862808
Red Shade Wash
- 005C36
≈ Crusoe
- 3D4194
≈ Blueberry
Complementare divisa +150° +210°
- 862808
Red Shade Wash
- 005953
≈ Baltic Prince
- 005085
≈ Snorkel Blue
Tetradico +90° +180° +270°
- 862808
Red Shade Wash
- 3D5700
≈ Highlands Moss
- 005667
≈ Rainy Morning
- 603385
≈ Violet Magician
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.04:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.32:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--red-shade-wash: #862808;
--red-shade-wash-rgb: 134 40 8;
--red-shade-wash-oklch: oklch(0.419 0.134 36.8);
}
.element {
color: var(--red-shade-wash);
background-color: hsl(15 89% 28%);
border-color: oklch(0.419 0.134 36.8);
}Tailwind CSS v4
@theme {
--color-red-shade-wash: #862808;
--color-red-shade-wash-50: #ffe9d9;
--color-red-shade-wash-100: #ffd9c7;
--color-red-shade-wash-200: #ffc1aa;
--color-red-shade-wash-300: #f39f84;
--color-red-shade-wash-400: #e18064;
--color-red-shade-wash-500: #cf6141;
--color-red-shade-wash-600: #af5238;
--color-red-shade-wash-700: #8c422c;
--color-red-shade-wash-800: #692f21;
--color-red-shade-wash-900: #4a2015;
--color-red-shade-wash-950: #300f07;
}SCSS
$red-shade-wash: #862808;
$red-shade-wash-rgb: 134, 40, 8;
$red-shade-wash-light: mix(#fff, $red-shade-wash, 20%);
$red-shade-wash-dark: mix(#000, $red-shade-wash, 20%);
.element {
color: $red-shade-wash;
box-shadow: 0 0 0 2px rgba($red-shade-wash, 0.35);
}