Colore con nome · #8C3432
Bookstone
Bookstone è #8C3432: rgb(140 52 50), hsl(1 47% 37%), oklch(0.45 0.121 24.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bookstone color name →
#8C3432
oklch(0.45 0.121 24.5)
Conversioni di colore
- HEX
- #8c3432
- RGB
- rgb(140 52 50)
- HSL
- hsl(1 47% 37%)
- HWB
- hwb(1 20% 45%)
- OKLCH
- oklch(0.45 0.121 24.5)
- OKLab
- oklab(0.45 0.11 0.05)
- CIE Lab
- lab(34.98 38.03 21.82)
- LCH
- lch(34.98 43.84 29.8)
- CMYK
- cmyk(0% 63% 64% 45%)
Tinte · Ombre · Toni
Tinte
- 994945
- A65D58
- B2706B
- BE847F
- CA9893
- D5ACA8
- E0C0BD
- EAD5D3
- F5EAE9
Ombre
- 792C2A
- 672422
- 551C1B
- 431514
- 330E0D
- 230707
- 140303
- 070101
- 010000
Toni
- 8C3D3A
- 8C4642
- 8C4E4A
- 8B5551
- 8A5D59
- 896461
- 876B68
- 857270
- 837978
Armonie di colore
Complementare +180°
- 8C3432
Bookstone
- 006169
≈ Turkish Aqua
Analogo -30° +30°
- 8C3432
Bookstone
- 863359
≈ Boysenberry
- 834000
≈ Gryphonne Sepia Wash
Triadico +120° +240°
- 8C3432
Bookstone
- 1F6625
≈ Paradise Palms
- 335198
≈ Chinese Blue
Complementare divisa +150° +210°
- 8C3432
Bookstone
- 006452
≈ Piney Lake
- 005D82
≈ Royal Blood
Tetradico +90° +180° +270°
- 8C3432
Bookstone
- 545B00
≈ Greensboro
- 006169
≈ Turkish Aqua
- 5B4590
≈ Harvest Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.91:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.65:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.91:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--bookstone: #8c3432;
--bookstone-rgb: 140 52 50;
--bookstone-oklch: oklch(0.45 0.121 24.5);
}
.element {
color: var(--bookstone);
background-color: hsl(1 47% 37%);
border-color: oklch(0.45 0.121 24.5);
}Tailwind CSS v4
@theme {
--color-bookstone: #8c3432;
--color-bookstone-50: #ffe9e3;
--color-bookstone-100: #ffd9d3;
--color-bookstone-200: #ffc1b9;
--color-bookstone-300: #ef9f97;
--color-bookstone-400: #dd817b;
--color-bookstone-500: #ca625d;
--color-bookstone-600: #aa544f;
--color-bookstone-700: #89433f;
--color-bookstone-800: #66302f;
--color-bookstone-900: #482020;
--color-bookstone-950: #2e0f0f;
}SCSS
$bookstone: #8c3432;
$bookstone-rgb: 140, 52, 50;
$bookstone-light: mix(#fff, $bookstone, 20%);
$bookstone-dark: mix(#000, $bookstone, 20%);
.element {
color: $bookstone;
box-shadow: 0 0 0 2px rgba($bookstone, 0.35);
}