이름 색상 · #89556E
Merlin’s Cloak
Merlin’s Cloak은(는) #89556E: rgb(137 85 110), hsl(331 23% 44%), oklch(0.516 0.077 349.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Merlin’s Cloak color name →
#89556E
oklch(0.516 0.077 349.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 95657B
- A17589
- AD8597
- B996A5
- C4A7B4
- D0B8C2
- DCC9D1
- E8DBE0
- F3EDF0
셰이드
- 76495F
- 643D50
- 533141
- 422633
- 311C26
- 221119
- 14080E
- 070204
- 010001
톤
- 895A70
- 885E72
- 876273
- 876775
- 866B77
- 856F79
- 84737B
- 83787C
- 817C7E
색 조화
보색 +180°
- 89556E
Merlin’s Cloak
- 337661
≈ Majorelle Gardens
유사색 -30° +30°
- 89556E
Merlin’s Cloak
- 7B5983
≈ Champion
- 8F5555
≈ Maroon Rover
삼각 배색 +120° +240°
- 89556E
Merlin’s Cloak
- 6A6C35
≈ Safari Green
- 32708B
≈ Living Stream
분열 보색 +150° +210°
- 89556E
Merlin’s Cloak
- 507348
≈ Artichoke Green
- 227579
≈ Poseidon’s Castle
사각 배색 +90° +180° +270°
- 89556E
Merlin’s Cloak
- 7F6331
≈ Dirt Brown
- 337661
≈ Majorelle Gardens
- 4D6894
≈ Blue Odyssey
대비 및 접근성
Ag
AA흰색 위
WCAG 5.85:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.58:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}