이름 색상 · #3F012C
Dark Sanctuary
Dark Sanctuary은(는) #3F012C: rgb(63 1 44), hsl(318 97% 13%), oklch(0.247 0.103 344.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Dark Sanctuary color name →
#3F012C
oklch(0.247 0.103 344.6)
색상 변환
- HEX
- #3f012c
- RGB
- rgb(63 1 44)
- HSL
- hsl(318 97% 13%)
- HWB
- hwb(318 0% 75%)
- OKLCH
- oklch(0.247 0.103 344.6)
- OKLab
- oklab(0.247 0.099 -0.027)
- CIE Lab
- lab(11.14 31.79 -9.82)
- LCH
- lch(11.14 33.27 342.8)
- CMYK
- cmyk(0% 98% 30% 75%)
틴트 · 셰이드 · 톤
틴트
- 521C3E
- 653351
- 784B65
- 8B6379
- 9E7B8E
- B294A4
- C5AEBA
- D8C8D1
- EBE3E8
셰이드
- 350125
- 2C011E
- 230017
- 1B0011
- 12000A
- 0A0005
- 040002
- 010001
- 000000
톤
- 471134
- 4E1E3C
- 552A44
- 5C374C
- 624355
- 694F5D
- 6F5B66
- 75676E
- 7B7377
색 조화
보색 +180°
- 3F012C
Dark Sanctuary
- 00281A
≈ Deep Slate Green
유사색 -30° +30°
- 3F012C
Dark Sanctuary
- 320942
≈ Dark Purple
- 440011
≈ Rhinoceros Beetle
삼각 배색 +120° +240°
- 3F012C
Dark Sanctuary
- 252200
≈ Liquorice Root
- 002531
≈ Daintree
분열 보색 +150° +210°
- 3F012C
Dark Sanctuary
- 102800
≈ Zia Olive
- 002727
≈ Teal Spill
사각 배색 +90° +180° +270°
- 3F012C
Dark Sanctuary
- 2F1C00
≈ Powdered Cocoa
- 00281A
≈ Deep Slate Green
- 002046
≈ Oxford Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.77:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.25:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.77:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--dark-sanctuary: #3f012c;
--dark-sanctuary-rgb: 63 1 44;
--dark-sanctuary-oklch: oklch(0.247 0.103 344.6);
}
.element {
color: var(--dark-sanctuary);
background-color: hsl(318 97% 13%);
border-color: oklch(0.247 0.103 344.6);
}Tailwind CSS v4
@theme {
--color-dark-sanctuary: #3f012c;
--color-dark-sanctuary-50: #ffeafb;
--color-dark-sanctuary-100: #ffdbef;
--color-dark-sanctuary-200: #f6c3dd;
--color-dark-sanctuary-300: #dfa2c2;
--color-dark-sanctuary-400: #ca85ad;
--color-dark-sanctuary-500: #b66996;
--color-dark-sanctuary-600: #9a597f;
--color-dark-sanctuary-700: #7b4766;
--color-dark-sanctuary-800: #5b334c;
--color-dark-sanctuary-900: #3f2335;
--color-dark-sanctuary-950: #281220;
}SCSS
$dark-sanctuary: #3f012c;
$dark-sanctuary-rgb: 63, 1, 44;
$dark-sanctuary-light: mix(#fff, $dark-sanctuary, 20%);
$dark-sanctuary-dark: mix(#000, $dark-sanctuary, 20%);
.element {
color: $dark-sanctuary;
box-shadow: 0 0 0 2px rgba($dark-sanctuary, 0.35);
}