Colore con nome più vicino · #886454
#886454
Colore con nome più vicino: Acorn
#886454 (rgb(136 100 84), hsl(18 24% 43%), oklch(0.536 0.053 45)) è più vicino al colore con nome Acorn. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#886454
oklch(0.536 0.053 45)
Conversioni di colore
- HEX
- #886454
- RGB
- rgb(136 100 84)
- HSL
- hsl(18 24% 43%)
- HWB
- hwb(18 33% 47%)
- OKLCH
- oklch(0.536 0.053 45)
- OKLab
- oklab(0.536 0.037 0.037)
- CIE Lab
- lab(45.84 13.33 15.08)
- LCH
- lch(45.84 20.13 48.5)
- CMYK
- cmyk(0% 26% 38% 47%)
Tinte · Ombre · Toni
Tinte
- 947264
- 9F8174
- AB9084
- B79F95
- C3AFA6
- CFBEB7
- DBCEC9
- E7DEDB
- F3EFED
Ombre
- 755648
- 63483C
- 523B31
- 412E26
- 31221B
- 221611
- 130B08
- 060302
- 010000
Toni
- 876758
- 876A5D
- 866D61
- 866F66
- 85726A
- 84756E
- 837873
- 827B77
- 817D7C
Armonie di colore
Complementare +180°
- 886454
Acorn
- 4B7485
≈ Night Train
Analogo -30° +30°
- 886454
Acorn
- 8A6163
≈ Forbidden Thrill
- 80694B
≈ Anthill
Triadico +120° +240°
- 886454
Acorn
- 507766
≈ Kendal Green
- 6A698B
≈ Heron
Complementare divisa +150° +210°
- 886454
Acorn
- 477777
≈ Tropical Rain
- 596F8C
≈ Porch Song
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--acorn: #886454;
--acorn-rgb: 136 100 84;
--acorn-oklch: oklch(0.536 0.053 45);
}
.element {
color: var(--acorn);
background-color: hsl(18 24% 43%);
border-color: oklch(0.536 0.053 45);
}Tailwind CSS v4
@theme {
--color-acorn: #886454;
--color-acorn-50: #fff1e9;
--color-acorn-100: #f8e3d9;
--color-acorn-200: #e8cec1;
--color-acorn-300: #cfb0a1;
--color-acorn-400: #ba9585;
--color-acorn-500: #a57b69;
--color-acorn-600: #8b6959;
--color-acorn-700: #6f5447;
--color-acorn-800: #523d34;
--color-acorn-900: #392a23;
--color-acorn-950: #241712;
}SCSS
$acorn: #886454;
$acorn-rgb: 136, 100, 84;
$acorn-light: mix(#fff, $acorn, 20%);
$acorn-dark: mix(#000, $acorn, 20%);
.element {
color: $acorn;
box-shadow: 0 0 0 2px rgba($acorn, 0.35);
}