Colore con nome · #6E5955
Beechwood
Beechwood è #6E5955: rgb(110 89 85), hsl(10 13% 38%), oklch(0.484 0.029 30.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Beechwood color name →
#6E5955
oklch(0.484 0.029 30.7)
Conversioni di colore
- HEX
- #6e5955
- RGB
- rgb(110 89 85)
- HSL
- hsl(10 13% 38%)
- HWB
- hwb(10 33% 57%)
- OKLCH
- oklch(0.484 0.029 30.7)
- OKLab
- oklab(0.484 0.025 0.015)
- CIE Lab
- lab(39.88 8.38 5.74)
- LCH
- lch(39.88 10.15 34.4)
- CMYK
- cmyk(0% 19% 23% 57%)
Tinte · Ombre · Toni
Tinte
- 7C6864
- 897874
- 988884
- A69895
- B4A8A6
- C3B9B7
- D2CAC9
- E1DCDB
- F0EDED
Ombre
- 5F4C49
- 50403D
- 413431
- 332826
- 261D1C
- 191311
- 0E0908
- 040302
- 010000
Toni
- 705D59
- 72615D
- 746562
- 756866
- 776C6A
- 79706E
- 7B7473
- 7D7877
- 7E7C7C
Armonie di colore
Complementare +180°
- 6E5955
Beechwood
- 4C6368
≈ Corundum Blue
Analogo -30° +30°
- 6E5955
Beechwood
- 6D585E
≈ Aubergine Grey
- 6B5B4F
≈ Ageing Barrel
Triadico +120° +240°
- 6E5955
Beechwood
- 536456
≈ Mineral Green
- 585E6F
≈ Suede Indigo
Complementare divisa +150° +210°
- 6E5955
Beechwood
- 4D645F
≈ Blue Fir
- 51616E
≈ Sheet Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.51:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.22:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--beechwood: #6e5955;
--beechwood-rgb: 110 89 85;
--beechwood-oklch: oklch(0.484 0.029 30.7);
}
.element {
color: var(--beechwood);
background-color: hsl(10 13% 38%);
border-color: oklch(0.484 0.029 30.7);
}Tailwind CSS v4
@theme {
--color-beechwood: #6e5955;
--color-beechwood-50: #fdf2f0;
--color-beechwood-100: #f1e5e2;
--color-beechwood-200: #e0d0cd;
--color-beechwood-300: #c6b2ae;
--color-beechwood-400: #af9994;
--color-beechwood-500: #98807b;
--color-beechwood-600: #816c68;
--color-beechwood-700: #675653;
--color-beechwood-800: #4c3f3d;
--color-beechwood-900: #352b2a;
--color-beechwood-950: #201917;
}SCSS
$beechwood: #6e5955;
$beechwood-rgb: 110, 89, 85;
$beechwood-light: mix(#fff, $beechwood, 20%);
$beechwood-dark: mix(#000, $beechwood, 20%);
.element {
color: $beechwood;
box-shadow: 0 0 0 2px rgba($beechwood, 0.35);
}