Cor nomeada · #89556E
Merlin’s Cloak
Merlin’s Cloak é #89556E: rgb(137 85 110), hsl(331 23% 44%), oklch(0.516 0.077 349.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Merlin’s Cloak color name →
#89556E
oklch(0.516 0.077 349.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 95657B
- A17589
- AD8597
- B996A5
- C4A7B4
- D0B8C2
- DCC9D1
- E8DBE0
- F3EDF0
Sombras
- 76495F
- 643D50
- 533141
- 422633
- 311C26
- 221119
- 14080E
- 070204
- 010001
Tons
- 895A70
- 885E72
- 876273
- 876775
- 866B77
- 856F79
- 84737B
- 83787C
- 817C7E
Harmonias de cor
Complementar +180°
- 89556E
Merlin’s Cloak
- 337661
≈ Majorelle Gardens
Análoga -30° +30°
- 89556E
Merlin’s Cloak
- 7B5983
≈ Champion
- 8F5555
≈ Maroon Rover
Tríade +120° +240°
- 89556E
Merlin’s Cloak
- 6A6C35
≈ Safari Green
- 32708B
≈ Living Stream
Complementar dividida +150° +210°
- 89556E
Merlin’s Cloak
- 507348
≈ Artichoke Green
- 227579
≈ Poseidon’s Castle
Tétrade +90° +180° +270°
- 89556E
Merlin’s Cloak
- 7F6331
≈ Dirt Brown
- 337661
≈ Majorelle Gardens
- 4D6894
≈ Blue Odyssey
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.85:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.58:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
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);
}