이름 색상 · #331233
Cultist Robe
Cultist Robe은(는) #331233: rgb(51 18 51), hsl(300 48% 14%), oklch(0.249 0.073 327.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Cultist Robe color name →
#331233
oklch(0.249 0.073 327.5)
색상 변환
- HEX
- #331233
- RGB
- rgb(51 18 51)
- HSL
- hsl(300 48% 14%)
- HWB
- hwb(300 7% 80%)
- OKLCH
- oklch(0.249 0.073 327.5)
- OKLab
- oklab(0.249 0.062 -0.039)
- CIE Lab
- lab(11.76 21.07 -14.22)
- LCH
- lch(11.76 25.42 326)
- CMYK
- cmyk(0% 65% 0% 80%)
틴트 · 셰이드 · 톤
틴트
- 462745
- 593C58
- 6C526B
- 80697F
- 948093
- A998A8
- BEB1BD
- D3CAD3
- E9E4E9
셰이드
- 2B0E2B
- 230A23
- 1C071C
- 140414
- 0D020D
- 070107
- 030103
- 010001
- 000000
톤
- 3B1D3A
- 422742
- 4A3249
- 523D51
- 594759
- 615260
- 695D68
- 716970
- 787478
색 조화
보색 +180°
- 331233
Cultist Robe
- 002A0A
≈ Zia Olive
유사색 -30° +30°
- 331233
Cultist Robe
- 26183F
≈ Prune Plum
- 3B0E21
≈ Chocolate Kiss
삼각 배색 +120° +240°
- 331233
Cultist Robe
- 2C1F00
≈ Black Swan
- 00272C
≈ Daintree
분열 보색 +150° +210°
- 331233
Cultist Robe
- 1F2500
≈ Liquorice Root
- 002821
≈ Deep Slate Green
사각 배색 +90° +180° +270°
- 331233
Cultist Robe
- 361800
≈ American Bronze
- 002A0A
≈ Zia Olive
- 002538
≈ Murky Depths
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.46:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.27:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.46:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--cultist-robe: #331233;
--cultist-robe-rgb: 51 18 51;
--cultist-robe-oklch: oklch(0.249 0.073 327.5);
}
.element {
color: var(--cultist-robe);
background-color: hsl(300 48% 14%);
border-color: oklch(0.249 0.073 327.5);
}Tailwind CSS v4
@theme {
--color-cultist-robe: #331233;
--color-cultist-robe-50: #ffeeff;
--color-cultist-robe-100: #f7e0f4;
--color-cultist-robe-200: #e7cae4;
--color-cultist-robe-300: #cdaaca;
--color-cultist-robe-400: #b68fb5;
--color-cultist-robe-500: #a1759f;
--color-cultist-robe-600: #886387;
--color-cultist-robe-700: #6d4f6c;
--color-cultist-robe-800: #503a50;
--color-cultist-robe-900: #372738;
--color-cultist-robe-950: #221522;
}SCSS
$cultist-robe: #331233;
$cultist-robe-rgb: 51, 18, 51;
$cultist-robe-light: mix(#fff, $cultist-robe, 20%);
$cultist-robe-dark: mix(#000, $cultist-robe, 20%);
.element {
color: $cultist-robe;
box-shadow: 0 0 0 2px rgba($cultist-robe, 0.35);
}