Colore con nome · #833633
Heirloom Tomato
Heirloom Tomato è #833633: rgb(131 54 51), hsl(2 44% 36%), oklch(0.438 0.107 24.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Heirloom Tomato color name →
#833633
oklch(0.438 0.107 24.7)
Conversioni di colore
- HEX
- #833633
- RGB
- rgb(131 54 51)
- HSL
- hsl(2 44% 36%)
- HWB
- hwb(2 20% 49%)
- OKLCH
- oklch(0.438 0.107 24.7)
- OKLab
- oklab(0.438 0.097 0.045)
- CIE Lab
- lab(33.76 33.68 19.26)
- LCH
- lch(33.76 38.8 29.8)
- CMYK
- cmyk(0% 59% 61% 49%)
Tinte · Ombre · Toni
Tinte
- 914A45
- 9E5D58
- AB706C
- B7847F
- C49894
- D0ACA8
- DCC0BD
- E8D5D3
- F4EAE9
Ombre
- 712E2B
- 602523
- 4F1E1C
- 3F1614
- 2F0F0D
- 200807
- 120303
- 060101
- 010000
Toni
- 843E3B
- 854642
- 854E4A
- 855552
- 855D59
- 856461
- 846B69
- 837270
- 827978
Armonie di colore
Complementare +180°
- 833633
Heirloom Tomato
- 005E65
≈ Enamelled Jewel
Analogo -30° +30°
- 833633
Heirloom Tomato
- 7E3555
≈ Rich Red Violet
- 7E3F03
≈ Hazelnut Chocolate
Triadico +120° +240°
- 833633
Heirloom Tomato
- 256129
≈ Bright Nori
- 344F8D
≈ Nightly Activities
Complementare divisa +150° +210°
- 833633
Heirloom Tomato
- 00614F
≈ Sci-Fi Takeout
- 00597D
≈ Commandes
Tetradico +90° +180° +270°
- 833633
Heirloom Tomato
- 515800
≈ Douro
- 005E65
≈ Enamelled Jewel
- 574486
≈ Harvest Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.26:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.54:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.26:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--heirloom-tomato: #833633;
--heirloom-tomato-rgb: 131 54 51;
--heirloom-tomato-oklch: oklch(0.438 0.107 24.7);
}
.element {
color: var(--heirloom-tomato);
background-color: hsl(2 44% 36%);
border-color: oklch(0.438 0.107 24.7);
}Tailwind CSS v4
@theme {
--color-heirloom-tomato: #833633;
--color-heirloom-tomato-50: #ffeae5;
--color-heirloom-tomato-100: #ffdbd5;
--color-heirloom-tomato-200: #ffc3bc;
--color-heirloom-tomato-300: #e9a39a;
--color-heirloom-tomato-400: #d7857f;
--color-heirloom-tomato-500: #c36762;
--color-heirloom-tomato-600: #a55853;
--color-heirloom-tomato-700: #844642;
--color-heirloom-tomato-800: #623231;
--color-heirloom-tomato-900: #452221;
--color-heirloom-tomato-950: #2d1110;
}SCSS
$heirloom-tomato: #833633;
$heirloom-tomato-rgb: 131, 54, 51;
$heirloom-tomato-light: mix(#fff, $heirloom-tomato, 20%);
$heirloom-tomato-dark: mix(#000, $heirloom-tomato, 20%);
.element {
color: $heirloom-tomato;
box-shadow: 0 0 0 2px rgba($heirloom-tomato, 0.35);
}