이름 색상 · #220022
Black Sabbath
Black Sabbath은(는) #220022: rgb(34 0 34), hsl(300 100% 7%), oklch(0.177 0.081 328.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Black Sabbath color name →
#220022
oklch(0.177 0.081 328.4)
색상 변환
- HEX
- #220022
- RGB
- rgb(34 0 34)
- HSL
- hsl(300 100% 7%)
- HWB
- hwb(300 0% 87%)
- OKLCH
- oklch(0.177 0.081 328.4)
- OKLab
- oklab(0.177 0.069 -0.043)
- CIE Lab
- lab(4.09 19.69 -13.69)
- LCH
- lch(4.09 23.99 325.2)
- CMYK
- cmyk(0% 100% 0% 87%)
틴트 · 셰이드 · 톤
틴트
- 361435
- 4A2B49
- 5F435E
- 755B73
- 8B7589
- A18FA0
- B8AAB7
- CFC5CE
- E7E2E6
셰이드
- 1C001C
- 160016
- 110011
- 0B000B
- 070007
- 030003
- 010001
- 000000
- 000000
톤
- 2B0A2B
- 351734
- 3E243D
- 473046
- 513D50
- 5A4A59
- 645763
- 6D646C
- 767276
색 조화
보색 +180°
- 220022
Black Sabbath
- 001704
≈ Oil Slick
유사색 -30° +30°
- 220022
Black Sabbath
- 17042F
≈ Quiet Abyss
- 270011
≈ Belladonna
삼각 배색 +120° +240°
- 220022
Black Sabbath
- 171000
≈ Chinese Black
- 001418
≈ Black Glaze
분열 보색 +150° +210°
- 220022
Black Sabbath
- 0F1300
≈ Chinese Black
- 001511
≈ Black Glaze
사각 배색 +90° +180° +270°
- 220022
Black Sabbath
- 1E0B00
≈ Soy Sauce
- 001704
≈ Oil Slick
- 001320
≈ Kuretake Black Manga
대비 및 접근성
Ag
AAA흰색 위
WCAG 19.24:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.09:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 19.24:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--black-sabbath: #220022;
--black-sabbath-rgb: 34 0 34;
--black-sabbath-oklch: oklch(0.177 0.081 328.4);
}
.element {
color: var(--black-sabbath);
background-color: hsl(300 100% 7%);
border-color: oklch(0.177 0.081 328.4);
}Tailwind CSS v4
@theme {
--color-black-sabbath: #220022;
--color-black-sabbath-50: #ffedff;
--color-black-sabbath-100: #f8dff5;
--color-black-sabbath-200: #e9c8e5;
--color-black-sabbath-300: #d0a9cb;
--color-black-sabbath-400: #b98eb7;
--color-black-sabbath-500: #a473a1;
--color-black-sabbath-600: #8a6188;
--color-black-sabbath-700: #6f4e6d;
--color-black-sabbath-800: #513851;
--color-black-sabbath-900: #392739;
--color-black-sabbath-950: #231523;
}SCSS
$black-sabbath: #220022;
$black-sabbath-rgb: 34, 0, 34;
$black-sabbath-light: mix(#fff, $black-sabbath, 20%);
$black-sabbath-dark: mix(#000, $black-sabbath, 20%);
.element {
color: $black-sabbath;
box-shadow: 0 0 0 2px rgba($black-sabbath, 0.35);
}