Colore con nome · #494A41
Sensai Brown
Sensai Brown è #494A41: rgb(73 74 65), hsl(67 6% 27%), oklch(0.405 0.015 112.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sensai Brown color name →
#494A41
oklch(0.405 0.015 112.2)
Conversioni di colore
- HEX
- #494a41
- RGB
- rgb(73 74 65)
- HSL
- hsl(67 6% 27%)
- HWB
- hwb(67 25% 71%)
- OKLCH
- oklch(0.405 0.015 112.2)
- OKLab
- oklab(0.405 -0.006 0.014)
- CIE Lab
- lab(31.14 -1.83 5.25)
- LCH
- lch(31.14 5.56 109.2)
- CMYK
- cmyk(1% 0% 12% 71%)
Tinte · Ombre · Toni
Tinte
- 595A52
- 6A6B63
- 7B7C75
- 8D8E88
- 9FA09B
- B2B2AE
- C4C5C2
- D8D8D6
- EBEBEA
Ombre
- 3E3F37
- 34352E
- 2A2A25
- 20201C
- 171713
- 0E0E0B
- 060605
- 020201
- 000000
Toni
- 4E4F47
- 54544D
- 595A53
- 5E5F59
- 646460
- 696A66
- 6F6F6C
- 757573
- 7A7A79
Armonie di colore
Complementare +180°
- 494A41
Sensai Brown
- 494851
≈ Limo-Scene
Analogo -30° +30°
- 494A41
Sensai Brown
- 4D4840
≈ Unplugged
- 454B44
≈ Ancient Pine
Triadico +120° +240°
- 494A41
Sensai Brown
- 414B50
≈ Dead Forest
- 50464A
≈ Black Elegance
Complementare divisa +150° +210°
- 494A41
Sensai Brown
- 454951
≈ Tuna
- 4D474E
≈ Extravagance
Tetradico +90° +180° +270°
- 494A41
Sensai Brown
- 404C4C
≈ Urban Chic
- 494851
≈ Limo-Scene
- 514645
≈ Espresso Macchiato
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.97:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.33:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--sensai-brown: #494a41;
--sensai-brown-rgb: 73 74 65;
--sensai-brown-oklch: oklch(0.405 0.015 112.2);
}
.element {
color: var(--sensai-brown);
background-color: hsl(67 6% 27%);
border-color: oklch(0.405 0.015 112.2);
}Tailwind CSS v4
@theme {
--color-sensai-brown: #494a41;
--color-sensai-brown-50: #f5f6f1;
--color-sensai-brown-100: #e7e8e3;
--color-sensai-brown-200: #d4d5ce;
--color-sensai-brown-300: #b7b8b0;
--color-sensai-brown-400: #9e9f96;
--color-sensai-brown-500: #86877c;
--color-sensai-brown-600: #717269;
--color-sensai-brown-700: #5b5c54;
--color-sensai-brown-800: #42433d;
--color-sensai-brown-900: #2e2e2a;
--color-sensai-brown-950: #1b1b18;
}SCSS
$sensai-brown: #494a41;
$sensai-brown-rgb: 73, 74, 65;
$sensai-brown-light: mix(#fff, $sensai-brown, 20%);
$sensai-brown-dark: mix(#000, $sensai-brown, 20%);
.element {
color: $sensai-brown;
box-shadow: 0 0 0 2px rgba($sensai-brown, 0.35);
}