Colore con nome · #655341
Hickory Grove
Hickory Grove è #655341: rgb(101 83 65), hsl(30 22% 33%), oklch(0.455 0.037 66.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Hickory Grove color name →
#655341
oklch(0.455 0.037 66.7)
Conversioni di colore
- HEX
- #655341
- RGB
- rgb(101 83 65)
- HSL
- hsl(30 22% 33%)
- HWB
- hwb(30 25% 60%)
- OKLCH
- oklch(0.455 0.037 66.7)
- OKLab
- oklab(0.455 0.015 0.034)
- CIE Lab
- lab(36.78 5.56 13.52)
- LCH
- lch(36.78 14.62 67.7)
- CMYK
- cmyk(0% 18% 36% 60%)
Tinte · Ombre · Toni
Tinte
- 736352
- 827364
- 918376
- A09488
- AFA59B
- BFB6AE
- CEC8C2
- DEDAD6
- EFECEA
Ombre
- 574737
- 493B2E
- 3C3025
- 2F251C
- 221B13
- 17110B
- 0C0805
- 030201
- 000000
Toni
- 685747
- 6A5C4D
- 6D6054
- 70655A
- 736960
- 756E66
- 78726D
- 7B7773
- 7D7B7A
Armonie di colore
Complementare +180°
- 655341
Hickory Grove
- 46596A
≈ Harbour
Analogo -30° +30°
- 655341
Hickory Grove
- 695048
≈ Mayan Chocolate
- 5C5740
≈ Devlan Mud
Triadico +120° +240°
- 655341
Hickory Grove
- 3F5E5A
≈ Rosemary
- 5C5267
≈ Muscat Grape
Complementare divisa +150° +210°
- 655341
Hickory Grove
- 3F5C64
≈ Jimbaran Bay
- 51556C
≈ Heavy Violet
Tetradico +90° +180° +270°
- 655341
Hickory Grove
- 465D4E
≈ Greenwich
- 46596A
≈ Harbour
- 644F5E
≈ Vintage Violet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.32:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--hickory-grove: #655341;
--hickory-grove-rgb: 101 83 65;
--hickory-grove-oklch: oklch(0.455 0.037 66.7);
}
.element {
color: var(--hickory-grove);
background-color: hsl(30 22% 33%);
border-color: oklch(0.455 0.037 66.7);
}Tailwind CSS v4
@theme {
--color-hickory-grove: #655341;
--color-hickory-grove-50: #fcf3ea;
--color-hickory-grove-100: #f0e6db;
--color-hickory-grove-200: #dfd2c4;
--color-hickory-grove-300: #c4b4a4;
--color-hickory-grove-400: #ae9b88;
--color-hickory-grove-500: #97826d;
--color-hickory-grove-600: #806e5c;
--color-hickory-grove-700: #66584a;
--color-hickory-grove-800: #4c4035;
--color-hickory-grove-900: #342c24;
--color-hickory-grove-950: #201913;
}SCSS
$hickory-grove: #655341;
$hickory-grove-rgb: 101, 83, 65;
$hickory-grove-light: mix(#fff, $hickory-grove, 20%);
$hickory-grove-dark: mix(#000, $hickory-grove, 20%);
.element {
color: $hickory-grove;
box-shadow: 0 0 0 2px rgba($hickory-grove, 0.35);
}