Colore con nome · #9D2626
Rustic Rouge
Rustic Rouge è #9D2626: rgb(157 38 38), hsl(0 61% 38%), oklch(0.462 0.155 25.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rustic Rouge color name →
#9D2626
oklch(0.462 0.155 25.7)
Conversioni di colore
- HEX
- #9d2626
- RGB
- rgb(157 38 38)
- HSL
- hsl(0 61% 38%)
- HWB
- hwb(0 15% 38%)
- OKLCH
- oklch(0.462 0.155 25.7)
- OKLab
- oklab(0.462 0.14 0.068)
- CIE Lab
- lab(36 49.03 31.38)
- LCH
- lch(36 58.21 32.6)
- CMYK
- cmyk(0% 76% 76% 38%)
Tinte · Ombre · Toni
Tinte
- A9403B
- B55650
- C06C64
- CB8079
- D5958F
- DEAAA4
- E7BFBA
- F0D4D1
- F8E9E8
Ombre
- 882020
- 731919
- 5F1313
- 4C0D0D
- 3A0808
- 280404
- 180202
- 090101
- 010000
Toni
- 9C3330
- 9A3E3A
- 994843
- 96514C
- 945A54
- 91625D
- 8E6A66
- 8A716F
- 857977
Armonie di colore
Complementare +180°
- 9D2626
Rustic Rouge
- 00656E
≈ Wakame Green
Analogo -30° +30°
- 9D2626
Rustic Rouge
- 96255C
≈ Berry Curious
- 874400
≈ Chocolate Pancakes
Triadico +120° +240°
- 9D2626
Rustic Rouge
- 006C1E
≈ Avagddu Green
- 2E50AE
≈ Night in Manchester
Complementare divisa +150° +210°
- 9D2626
Rustic Rouge
- 006856
≈ Piney Lake
- 006088
≈ Ink Blotch
Tetradico +90° +180° +270°
- 9D2626
Rustic Rouge
- 565F00
≈ Greensboro
- 00656E
≈ Wakame Green
- 623FA4
≈ Poppy Pompadour
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.66:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.73:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.66:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--rustic-rouge: #9d2626;
--rustic-rouge-rgb: 157 38 38;
--rustic-rouge-oklch: oklch(0.462 0.155 25.7);
}
.element {
color: var(--rustic-rouge);
background-color: hsl(0 61% 38%);
border-color: oklch(0.462 0.155 25.7);
}Tailwind CSS v4
@theme {
--color-rustic-rouge: #9d2626;
--color-rustic-rouge-50: #ffe5dd;
--color-rustic-rouge-100: #ffd5cb;
--color-rustic-rouge-200: #ffbbb0;
--color-rustic-rouge-300: #fd978b;
--color-rustic-rouge-400: #ec766d;
--color-rustic-rouge-500: #da534d;
--color-rustic-rouge-600: #b84742;
--color-rustic-rouge-700: #943934;
--color-rustic-rouge-800: #6e2827;
--color-rustic-rouge-900: #4e1b1a;
--color-rustic-rouge-950: #330a0b;
}SCSS
$rustic-rouge: #9d2626;
$rustic-rouge-rgb: 157, 38, 38;
$rustic-rouge-light: mix(#fff, $rustic-rouge, 20%);
$rustic-rouge-dark: mix(#000, $rustic-rouge, 20%);
.element {
color: $rustic-rouge;
box-shadow: 0 0 0 2px rgba($rustic-rouge, 0.35);
}