Colore con nome · #89556E
Merlin’s Cloak
Merlin’s Cloak è #89556E: rgb(137 85 110), hsl(331 23% 44%), oklch(0.516 0.077 349.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Merlin’s Cloak color name →
#89556E
oklch(0.516 0.077 349.8)
Conversioni di colore
- HEX
- #89556e
- RGB
- rgb(137 85 110)
- HSL
- hsl(331 23% 44%)
- HWB
- hwb(331 33% 46%)
- OKLCH
- oklch(0.516 0.077 349.8)
- OKLab
- oklab(0.516 0.075 -0.014)
- CIE Lab
- lab(42.8 24.92 -4.86)
- LCH
- lch(42.8 25.38 349)
- CMYK
- cmyk(0% 38% 20% 46%)
Tinte · Ombre · Toni
Tinte
- 95657B
- A17589
- AD8597
- B996A5
- C4A7B4
- D0B8C2
- DCC9D1
- E8DBE0
- F3EDF0
Ombre
- 76495F
- 643D50
- 533141
- 422633
- 311C26
- 221119
- 14080E
- 070204
- 010001
Toni
- 895A70
- 885E72
- 876273
- 876775
- 866B77
- 856F79
- 84737B
- 83787C
- 817C7E
Armonie di colore
Complementare +180°
- 89556E
Merlin’s Cloak
- 337661
≈ Majorelle Gardens
Analogo -30° +30°
- 89556E
Merlin’s Cloak
- 7B5983
≈ Champion
- 8F5555
≈ Maroon Rover
Triadico +120° +240°
- 89556E
Merlin’s Cloak
- 6A6C35
≈ Safari Green
- 32708B
≈ Living Stream
Complementare divisa +150° +210°
- 89556E
Merlin’s Cloak
- 507348
≈ Artichoke Green
- 227579
≈ Poseidon’s Castle
Tetradico +90° +180° +270°
- 89556E
Merlin’s Cloak
- 7F6331
≈ Dirt Brown
- 337661
≈ Majorelle Gardens
- 4D6894
≈ Blue Odyssey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.85:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.58:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--merlin-s-cloak: #89556e;
--merlin-s-cloak-rgb: 137 85 110;
--merlin-s-cloak-oklch: oklch(0.516 0.077 349.8);
}
.element {
color: var(--merlin-s-cloak);
background-color: hsl(331 23% 44%);
border-color: oklch(0.516 0.077 349.8);
}Tailwind CSS v4
@theme {
--color-merlin-s-cloak: #89556e;
--color-merlin-s-cloak-50: #ffedf7;
--color-merlin-s-cloak-100: #fddeeb;
--color-merlin-s-cloak-200: #efc7d8;
--color-merlin-s-cloak-300: #d7a8bc;
--color-merlin-s-cloak-400: #c28ca5;
--color-merlin-s-cloak-500: #ad718d;
--color-merlin-s-cloak-600: #926078;
--color-merlin-s-cloak-700: #754c60;
--color-merlin-s-cloak-800: #563747;
--color-merlin-s-cloak-900: #3c2631;
--color-merlin-s-cloak-950: #26141d;
}SCSS
$merlin-s-cloak: #89556e;
$merlin-s-cloak-rgb: 137, 85, 110;
$merlin-s-cloak-light: mix(#fff, $merlin-s-cloak, 20%);
$merlin-s-cloak-dark: mix(#000, $merlin-s-cloak, 20%);
.element {
color: $merlin-s-cloak;
box-shadow: 0 0 0 2px rgba($merlin-s-cloak, 0.35);
}