Nazwany kolor · #494A41
Sensai Brown
Sensai Brown to #494A41: rgb(73 74 65), hsl(67 6% 27%), oklch(0.405 0.015 112.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sensai Brown color name →
#494A41
oklch(0.405 0.015 112.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 595A52
- 6A6B63
- 7B7C75
- 8D8E88
- 9FA09B
- B2B2AE
- C4C5C2
- D8D8D6
- EBEBEA
Odcienie ciemniejsze
- 3E3F37
- 34352E
- 2A2A25
- 20201C
- 171713
- 0E0E0B
- 060605
- 020201
- 000000
Tony
- 4E4F47
- 54544D
- 595A53
- 5E5F59
- 646460
- 696A66
- 6F6F6C
- 757573
- 7A7A79
Harmonie kolorów
Komplementarna +180°
- 494A41
Sensai Brown
- 494851
≈ Limo-Scene
Analogowa -30° +30°
- 494A41
Sensai Brown
- 4D4840
≈ Unplugged
- 454B44
≈ Ancient Pine
Triada +120° +240°
- 494A41
Sensai Brown
- 414B50
≈ Dead Forest
- 50464A
≈ Black Elegance
Komplementarna rozszczepiona +150° +210°
- 494A41
Sensai Brown
- 454951
≈ Tuna
- 4D474E
≈ Extravagance
Tetrada +90° +180° +270°
- 494A41
Sensai Brown
- 404C4C
≈ Urban Chic
- 494851
≈ Limo-Scene
- 514645
≈ Espresso Macchiato
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.97:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.33:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}