Colore con nome · #5B5343
Shadow Ridge
Shadow Ridge è #5B5343: rgb(91 83 67), hsl(40 15% 31%), oklch(0.445 0.027 84.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shadow Ridge color name →
#5B5343
oklch(0.445 0.027 84.5)
Conversioni di colore
- HEX
- #5b5343
- RGB
- rgb(91 83 67)
- HSL
- hsl(40 15% 31%)
- HWB
- hwb(40 26% 64%)
- OKLCH
- oklch(0.445 0.027 84.5)
- OKLab
- oklab(0.445 0.003 0.027)
- CIE Lab
- lab(35.73 1.25 10.67)
- LCH
- lch(35.73 10.74 83.3)
- CMYK
- cmyk(0% 9% 26% 64%)
Tinte · Ombre · Toni
Tinte
- 6A6354
- 797365
- 898377
- 999489
- A9A59C
- BAB6AF
- CBC8C3
- DCDAD6
- EDECEB
Ombre
- 4E4739
- 413B2F
- 353026
- 29251D
- 1E1B14
- 13110C
- 090805
- 030201
- 000000
Toni
- 5F5749
- 625C4F
- 666055
- 6A655B
- 6D6961
- 716E67
- 75726D
- 787773
- 7C7B7A
Armonie di colore
Complementare +180°
- 5B5343
Shadow Ridge
- 4C5463
≈ Mystical Shade
Analogo -30° +30°
- 5B5343
Shadow Ridge
- 605046
≈ Black Walnut
- 535645
≈ Freshwater Marsh
Triadico +120° +240°
- 5B5343
Shadow Ridge
- 42595B
≈ Otter Creek
- 5C4F5D
≈ Purple Fury
Complementare divisa +150° +210°
- 5B5343
Shadow Ridge
- 465761
≈ San Juan
- 555162
≈ Inky Storm
Tetradico +90° +180° +270°
- 5B5343
Shadow Ridge
- 455953
≈ Mariana Trench
- 4C5463
≈ Mystical Shade
- 614E55
≈ Berry Wine
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.59:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.76:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--shadow-ridge: #5b5343;
--shadow-ridge-rgb: 91 83 67;
--shadow-ridge-oklch: oklch(0.445 0.027 84.5);
}
.element {
color: var(--shadow-ridge);
background-color: hsl(40 15% 31%);
border-color: oklch(0.445 0.027 84.5);
}Tailwind CSS v4
@theme {
--color-shadow-ridge: #5b5343;
--color-shadow-ridge-50: #f8f5ed;
--color-shadow-ridge-100: #ece7de;
--color-shadow-ridge-200: #d9d4c7;
--color-shadow-ridge-300: #bdb7a8;
--color-shadow-ridge-400: #a69d8d;
--color-shadow-ridge-500: #8f8572;
--color-shadow-ridge-600: #797161;
--color-shadow-ridge-700: #615a4d;
--color-shadow-ridge-800: #474238;
--color-shadow-ridge-900: #312d26;
--color-shadow-ridge-950: #1d1a15;
}SCSS
$shadow-ridge: #5b5343;
$shadow-ridge-rgb: 91, 83, 67;
$shadow-ridge-light: mix(#fff, $shadow-ridge, 20%);
$shadow-ridge-dark: mix(#000, $shadow-ridge, 20%);
.element {
color: $shadow-ridge;
box-shadow: 0 0 0 2px rgba($shadow-ridge, 0.35);
}