Colore con nome · #5E5239
Prehistoric Wood
Prehistoric Wood è #5E5239: rgb(94 82 57), hsl(41 25% 30%), oklch(0.444 0.041 85.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Prehistoric Wood color name →
#5E5239
oklch(0.444 0.041 85.1)
Conversioni di colore
- HEX
- #5e5239
- RGB
- rgb(94 82 57)
- HSL
- hsl(41 25% 30%)
- HWB
- hwb(41 22% 63%)
- OKLCH
- oklch(0.444 0.041 85.1)
- OKLab
- oklab(0.444 0.004 0.041)
- CIE Lab
- lab(35.57 2.1 16.62)
- LCH
- lch(35.57 16.76 82.8)
- CMYK
- cmyk(0% 13% 39% 63%)
Tinte · Ombre · Toni
Tinte
- 6D624B
- 7C725D
- 8B8270
- 9B9383
- ABA497
- BBB6AB
- CCC8BF
- DDDAD4
- EEECE9
Ombre
- 514630
- 443B28
- 372F1F
- 2B2517
- 1F1A10
- 141109
- 0A0804
- 030201
- 000000
Toni
- 615740
- 655B47
- 68604E
- 6B6455
- 6F695C
- 726D63
- 76726A
- 797772
- 7D7B79
Armonie di colore
Complementare +180°
- 5E5239
Prehistoric Wood
- 48536B
≈ Elegant Navy
Analogo -30° +30°
- 5E5239
Prehistoric Wood
- 664E3E
≈ Deep Umber
- 52563C
≈ Avocado Pear
Triadico +120° +240°
- 5E5239
Prehistoric Wood
- 375A5E
≈ Arctic Nights
- 5F4C60
≈ Vivid Vision
Complementare divisa +150° +210°
- 5E5239
Prehistoric Wood
- 3D5767
≈ Stargazer
- 554F68
≈ Magic Spell
Tetradico +90° +180° +270°
- 5E5239
Prehistoric Wood
- 3A5B52
≈ Iridescent
- 48536B
≈ Elegant Navy
- 664A55
≈ Gǔ Tóng Hēi Copper
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.65:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.74:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.65:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--prehistoric-wood: #5e5239;
--prehistoric-wood-rgb: 94 82 57;
--prehistoric-wood-oklch: oklch(0.444 0.041 85.1);
}
.element {
color: var(--prehistoric-wood);
background-color: hsl(41 25% 30%);
border-color: oklch(0.444 0.041 85.1);
}Tailwind CSS v4
@theme {
--color-prehistoric-wood: #5e5239;
--color-prehistoric-wood-50: #faf5e8;
--color-prehistoric-wood-100: #eee7d9;
--color-prehistoric-wood-200: #dcd4c1;
--color-prehistoric-wood-300: #c0b7a0;
--color-prehistoric-wood-400: #aa9d83;
--color-prehistoric-wood-500: #938567;
--color-prehistoric-wood-600: #7c7058;
--color-prehistoric-wood-700: #635a46;
--color-prehistoric-wood-800: #494132;
--color-prehistoric-wood-900: #332d22;
--color-prehistoric-wood-950: #1f1a11;
}SCSS
$prehistoric-wood: #5e5239;
$prehistoric-wood-rgb: 94, 82, 57;
$prehistoric-wood-light: mix(#fff, $prehistoric-wood, 20%);
$prehistoric-wood-dark: mix(#000, $prehistoric-wood, 20%);
.element {
color: $prehistoric-wood;
box-shadow: 0 0 0 2px rgba($prehistoric-wood, 0.35);
}