Colore con nome · #5F4F3E
Rooted
Rooted è #5F4F3E: rgb(95 79 62), hsl(31 21% 31%), oklch(0.439 0.034 68.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rooted color name →
#5F4F3E
oklch(0.439 0.034 68.5)
Conversioni di colore
- HEX
- #5f4f3e
- RGB
- rgb(95 79 62)
- HSL
- hsl(31 21% 31%)
- HWB
- hwb(31 24% 63%)
- OKLCH
- oklch(0.439 0.034 68.5)
- OKLab
- oklab(0.439 0.013 0.032)
- CIE Lab
- lab(34.89 4.82 12.7)
- LCH
- lch(34.89 13.58 69.2)
- CMYK
- cmyk(0% 17% 35% 63%)
Tinte · Ombre · Toni
Tinte
- 6E5F4F
- 7D6F61
- 8C8073
- 9C9186
- ACA399
- BCB5AD
- CCC7C1
- DDD9D5
- EEECEA
Ombre
- 524435
- 44382B
- 382E23
- 2C231A
- 201912
- 15100A
- 0A0704
- 030201
- 000000
Toni
- 625444
- 66594B
- 695D51
- 6C6258
- 70675E
- 736C65
- 76716C
- 797672
- 7D7B79
Armonie di colore
Complementare +180°
- 5F4F3E
Rooted
- 445465
≈ Night Tide
Analogo -30° +30°
- 5F4F3E
Rooted
- 634C45
≈ Cinnabark
- 57533D
≈ Olive Night
Triadico +120° +240°
- 5F4F3E
Rooted
- 3C5956
≈ Orkhide Shade
- 584D61
≈ Illusionist
Complementare divisa +150° +210°
- 5F4F3E
Rooted
- 3D575F
≈ Great Void
- 4E5165
≈ Voyager
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.85:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.67:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.85:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--rooted: #5f4f3e;
--rooted-rgb: 95 79 62;
--rooted-oklch: oklch(0.439 0.034 68.5);
}
.element {
color: var(--rooted);
background-color: hsl(31 21% 31%);
border-color: oklch(0.439 0.034 68.5);
}Tailwind CSS v4
@theme {
--color-rooted: #5f4f3e;
--color-rooted-50: #fcf4eb;
--color-rooted-100: #efe6dc;
--color-rooted-200: #ded2c5;
--color-rooted-300: #c3b5a5;
--color-rooted-400: #ac9b89;
--color-rooted-500: #96826e;
--color-rooted-600: #7f6e5e;
--color-rooted-700: #65584b;
--color-rooted-800: #4b4036;
--color-rooted-900: #342c25;
--color-rooted-950: #1f1913;
}SCSS
$rooted: #5f4f3e;
$rooted-rgb: 95, 79, 62;
$rooted-light: mix(#fff, $rooted, 20%);
$rooted-dark: mix(#000, $rooted, 20%);
.element {
color: $rooted;
box-shadow: 0 0 0 2px rgba($rooted, 0.35);
}