이름 색상 · #916660
Cloak of Mystery
Cloak of Mystery은(는) #916660: rgb(145 102 96), hsl(7 20% 47%), oklch(0.553 0.057 27.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cloak of Mystery color name →
#916660
oklch(0.553 0.057 27.9)
색상 변환
- HEX
- #916660
- RGB
- rgb(145 102 96)
- HSL
- hsl(7 20% 47%)
- HWB
- hwb(7 38% 43%)
- OKLCH
- oklch(0.553 0.057 27.9)
- OKLab
- oklab(0.553 0.05 0.027)
- CIE Lab
- lab(47.67 17.22 10.67)
- LCH
- lch(47.67 20.26 31.8)
- CMYK
- cmyk(0% 30% 34% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C746F
- A7837E
- B2928D
- BDA19D
- C8B0AC
- D3BFBC
- DECFCD
- E9DFDD
- F4EFEE
셰이드
- 7D5852
- 6A4A45
- 583C38
- 462F2C
- 352320
- 251715
- 150C0A
- 070403
- 010000
톤
- 906963
- 8E6B66
- 8D6E6A
- 8B716D
- 897370
- 887673
- 867876
- 847B7A
- 827E7D
색 조화
보색 +180°
- 916660
Cloak of Mystery
- 487C84
≈ Submerged
유사색 -30° +30°
- 916660
Cloak of Mystery
- 8E6572
≈ Plum Dandy
- 8C6A51
≈ Bean Pot
삼각 배색 +120° +240°
- 916660
Cloak of Mystery
- 5C7C60
≈ Korean Mint
- 647294
≈ Ocean Night
분열 보색 +150° +210°
- 916660
Cloak of Mystery
- 4C7E72
≈ Azurite Water Green
- 527890
≈ Melancholic Sea
사각 배색 +90° +180° +270°
- 916660
Cloak of Mystery
- 6F7751
≈ Ranger Station
- 487C84
≈ Submerged
- 766C90
≈ Purple Silhouette
대비 및 접근성
Ag
AA흰색 위
WCAG 4.91:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.27:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.91:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--cloak-of-mystery: #916660;
--cloak-of-mystery-rgb: 145 102 96;
--cloak-of-mystery-oklch: oklch(0.553 0.057 27.9);
}
.element {
color: var(--cloak-of-mystery);
background-color: hsl(7 20% 47%);
border-color: oklch(0.553 0.057 27.9);
}Tailwind CSS v4
@theme {
--color-cloak-of-mystery: #916660;
--color-cloak-of-mystery-50: #fff0ec;
--color-cloak-of-mystery-100: #fae1dd;
--color-cloak-of-mystery-200: #ecccc6;
--color-cloak-of-mystery-300: #d3ada6;
--color-cloak-of-mystery-400: #be928c;
--color-cloak-of-mystery-500: #a97871;
--color-cloak-of-mystery-600: #8f6660;
--color-cloak-of-mystery-700: #72514d;
--color-cloak-of-mystery-800: #553b38;
--color-cloak-of-mystery-900: #3b2826;
--color-cloak-of-mystery-950: #251615;
}SCSS
$cloak-of-mystery: #916660;
$cloak-of-mystery-rgb: 145, 102, 96;
$cloak-of-mystery-light: mix(#fff, $cloak-of-mystery, 20%);
$cloak-of-mystery-dark: mix(#000, $cloak-of-mystery, 20%);
.element {
color: $cloak-of-mystery;
box-shadow: 0 0 0 2px rgba($cloak-of-mystery, 0.35);
}