Colore con nome · #AC8F6C
Morrel
Morrel è #AC8F6C: rgb(172 143 108), hsl(33 28% 55%), oklch(0.668 0.06 71.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Morrel color name →
#AC8F6C
oklch(0.668 0.06 71.8)
Conversioni di colore
- HEX
- #ac8f6c
- RGB
- rgb(172 143 108)
- HSL
- hsl(33 28% 55%)
- HWB
- hwb(33 42% 33%)
- OKLCH
- oklch(0.668 0.06 71.8)
- OKLab
- oklab(0.668 0.019 0.057)
- CIE Lab
- lab(61.46 7.57 22.97)
- LCH
- lch(61.46 24.18 71.8)
- CMYK
- cmyk(0% 17% 37% 33%)
Tinte · Ombre · Toni
Tinte
- B49A7A
- BCA588
- C5B097
- CDBBA5
- D5C6B4
- DED1C3
- E6DCD2
- EEE8E1
- F7F3F0
Ombre
- 957C5D
- 7F694E
- 695740
- 544532
- 403425
- 2D2419
- 1B150D
- 0B0704
- 010100
Toni
- A88E6E
- A38C71
- 9F8B73
- 9A8975
- 968877
- 928679
- 8D857B
- 89837D
- 84827E
Armonie di colore
Complementare +180°
- AC8F6C
Morrel
- 7A98B9
≈ Eiger Nordwand
Analogo -30° +30°
- AC8F6C
Morrel
- B58978
≈ Plum Blossom Dye
- 9C966B
≈ Cactus Sand
Triadico +120° +240°
- AC8F6C
Morrel
- 68A19E
≈ Folk Song
- A18AB0
≈ Flirty Pink
Complementare divisa +150° +210°
- AC8F6C
Morrel
- 6B9DAF
≈ Left Bank Blue
- 8E91B9
≈ Purple Amethyst
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.04:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.89:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--morrel: #ac8f6c;
--morrel-rgb: 172 143 108;
--morrel-oklch: oklch(0.668 0.06 71.8);
}
.element {
color: var(--morrel);
background-color: hsl(33 28% 55%);
border-color: oklch(0.668 0.06 71.8);
}Tailwind CSS v4
@theme {
--color-morrel: #ac8f6c;
--color-morrel-50: #fff3e3;
--color-morrel-100: #f4e5d3;
--color-morrel-200: #e4d1b9;
--color-morrel-300: #cab396;
--color-morrel-400: #b59978;
--color-morrel-500: #9f805a;
--color-morrel-600: #876c4c;
--color-morrel-700: #6c573d;
--color-morrel-800: #503f2b;
--color-morrel-900: #382b1d;
--color-morrel-950: #22190d;
}SCSS
$morrel: #ac8f6c;
$morrel-rgb: 172, 143, 108;
$morrel-light: mix(#fff, $morrel, 20%);
$morrel-dark: mix(#000, $morrel, 20%);
.element {
color: $morrel;
box-shadow: 0 0 0 2px rgba($morrel, 0.35);
}