Colore con nome · #84525A
So Merlot
So Merlot è #84525A: rgb(132 82 90), hsl(350 23% 42%), oklch(0.497 0.068 9.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · So Merlot color name →
#84525A
oklch(0.497 0.068 9.4)
Conversioni di colore
- HEX
- #84525a
- RGB
- rgb(132 82 90)
- HSL
- hsl(350 23% 42%)
- HWB
- hwb(350 32% 48%)
- OKLCH
- oklch(0.497 0.068 9.4)
- OKLab
- oklab(0.497 0.067 0.011)
- CIE Lab
- lab(40.9 22.29 4.56)
- LCH
- lch(40.9 22.75 11.6)
- CMYK
- cmyk(0% 38% 32% 48%)
Tinte · Ombre · Toni
Tinte
- 906269
- 9D7278
- A98388
- B59498
- C2A5A9
- CEB7B9
- DAC8CA
- E7DADC
- F3EDED
Ombre
- 72464D
- 603B41
- 4F2F35
- 3F2529
- 2F1A1E
- 201113
- 120809
- 060203
- 010000
Toni
- 84575E
- 845B61
- 846065
- 846569
- 84696D
- 836E71
- 837274
- 827778
- 817B7C
Armonie di colore
Complementare +180°
- 84525A
So Merlot
- 2C6F6B
≈ North Sea
Analogo -30° +30°
- 84525A
So Merlot
- 7C536F
≈ Magnificence
- 845545
≈ Red Hook
Triadico +120° +240°
- 84525A
So Merlot
- 566A40
≈ Alfalfa Extract
- 436688
≈ French Mirage Blue
Complementare divisa +150° +210°
- 84525A
So Merlot
- 3E6E55
≈ Foliage Green
- 2F6C7D
≈ Kimberley Sea
Tetradico +90° +180° +270°
- 84525A
So Merlot
- 6C6334
≈ Rationality
- 2C6F6B
≈ North Sea
- 5A5E89
≈ Karmic Grape
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.29:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.33:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--so-merlot: #84525a;
--so-merlot-rgb: 132 82 90;
--so-merlot-oklch: oklch(0.497 0.068 9.4);
}
.element {
color: var(--so-merlot);
background-color: hsl(350 23% 42%);
border-color: oklch(0.497 0.068 9.4);
}Tailwind CSS v4
@theme {
--color-so-merlot: #84525a;
--color-so-merlot-50: #ffeef0;
--color-so-merlot-100: #fedfe2;
--color-so-merlot-200: #f0c9cd;
--color-so-merlot-300: #d8aaae;
--color-so-merlot-400: #c38e96;
--color-so-merlot-500: #ae737c;
--color-so-merlot-600: #936269;
--color-so-merlot-700: #764e54;
--color-so-merlot-800: #57393e;
--color-so-merlot-900: #3d272b;
--color-so-merlot-950: #261518;
}SCSS
$so-merlot: #84525a;
$so-merlot-rgb: 132, 82, 90;
$so-merlot-light: mix(#fff, $so-merlot, 20%);
$so-merlot-dark: mix(#000, $so-merlot, 20%);
.element {
color: $so-merlot;
box-shadow: 0 0 0 2px rgba($so-merlot, 0.35);
}