Colore con nome · #3F544F
Sycamore Tree
Sycamore Tree è #3F544F: rgb(63 84 79), hsl(166 14% 29%), oklch(0.427 0.027 178.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sycamore Tree color name →
#3F544F
oklch(0.427 0.027 178.7)
Conversioni di colore
- HEX
- #3f544f
- RGB
- rgb(63 84 79)
- HSL
- hsl(166 14% 29%)
- HWB
- hwb(166 25% 67%)
- OKLCH
- oklch(0.427 0.027 178.7)
- OKLab
- oklab(0.427 -0.027 0.001)
- CIE Lab
- lab(33.85 -9.3 0.15)
- LCH
- lch(33.85 9.3 179.1)
- CMYK
- cmyk(25% 0% 6% 67%)
Tinte · Ombre · Toni
Tinte
- 50645F
- 62736F
- 748480
- 879491
- 9AA5A2
- AEB7B4
- C1C8C7
- D6DAD9
- EAEDEC
Ombre
- 354844
- 2C3C38
- 23312E
- 1B2623
- 121B19
- 0A1110
- 040807
- 010202
- 000000
Toni
- 455854
- 4C5D58
- 52615D
- 596562
- 5F6A67
- 666E6C
- 6C7371
- 737776
- 797B7B
Armonie di colore
Complementare +180°
- 3F544F
Sycamore Tree
- 5C494F
≈ Raisin
Analogo -30° +30°
- 3F544F
Sycamore Tree
- 455347
≈ Rock Garden
- 3E5357
≈ Mountain Pine
Triadico +120° +240°
- 3F544F
Sycamore Tree
- 514C5C
≈ Mulled Wine
- 5B4C40
≈ Rock
Complementare divisa +150° +210°
- 3F544F
Sycamore Tree
- 584A56
≈ Deep Merlot
- 5D4A46
≈ Mustang
Tetradico +90° +180° +270°
- 3F544F
Sycamore Tree
- 494F5E
≈ Ombre Blue
- 5C494F
≈ Raisin
- 554E3E
≈ Enduring Bronze
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.59:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--sycamore-tree: #3f544f;
--sycamore-tree-rgb: 63 84 79;
--sycamore-tree-oklch: oklch(0.427 0.027 178.7);
}
.element {
color: var(--sycamore-tree);
background-color: hsl(166 14% 29%);
border-color: oklch(0.427 0.027 178.7);
}Tailwind CSS v4
@theme {
--color-sycamore-tree: #3f544f;
--color-sycamore-tree-50: #edf8f5;
--color-sycamore-tree-100: #dfebe8;
--color-sycamore-tree-200: #c8d8d5;
--color-sycamore-tree-300: #a9bcb8;
--color-sycamore-tree-400: #8ea49e;
--color-sycamore-tree-500: #738c86;
--color-sycamore-tree-600: #627772;
--color-sycamore-tree-700: #4e5f5b;
--color-sycamore-tree-800: #394642;
--color-sycamore-tree-900: #27302e;
--color-sycamore-tree-950: #151c1a;
}SCSS
$sycamore-tree: #3f544f;
$sycamore-tree-rgb: 63, 84, 79;
$sycamore-tree-light: mix(#fff, $sycamore-tree, 20%);
$sycamore-tree-dark: mix(#000, $sycamore-tree, 20%);
.element {
color: $sycamore-tree;
box-shadow: 0 0 0 2px rgba($sycamore-tree, 0.35);
}