이름 색상 · #312231
Anubis Black
Anubis Black은(는) #312231: rgb(49 34 49), hsl(300 18% 16%), oklch(0.276 0.034 326.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Anubis Black color name →
#312231
oklch(0.276 0.034 326.5)
색상 변환
- HEX
- #312231
- RGB
- rgb(49 34 49)
- HSL
- hsl(300 18% 16%)
- HWB
- hwb(300 13% 81%)
- OKLCH
- oklch(0.276 0.034 326.5)
- OKLab
- oklab(0.276 0.029 -0.019)
- CIE Lab
- lab(15.57 9.79 -7)
- LCH
- lch(15.57 12.03 324.4)
- CMYK
- cmyk(0% 31% 0% 81%)
틴트 · 셰이드 · 톤
틴트
- 433543
- 564855
- 695D69
- 7D727D
- 918891
- A69FA6
- BCB6BC
- D2CED2
- E8E6E8
셰이드
- 291C29
- 221622
- 1A111A
- 130B13
- 0C070C
- 060306
- 030103
- 010001
- 000000
톤
- 382B38
- 403340
- 483C48
- 4F454F
- 574F57
- 5F585F
- 676267
- 6F6C6F
- 787678
색 조화
보색 +180°
- 312231
Anubis Black
- 1D2D1E
≈ Kuro Green
유사색 -30° +30°
- 312231
Anubis Black
- 292437
≈ Cold Steel
- 362128
≈ Antique Burgundy
삼각 배색 +120° +240°
- 312231
Anubis Black
- 2F2713
≈ Black Slug
- 112D30
≈ Black Chasm
분열 보색 +150° +210°
- 312231
Anubis Black
- 272A16
≈ Kuro Green
- 132E27
≈ Guerrilla Forest
사각 배색 +90° +180° +270°
- 312231
Anubis Black
- 352417
≈ Wetlands Swamp
- 1D2D1E
≈ Kuro Green
- 172B37
≈ Oceanic Noir
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.95:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.40:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.95:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--anubis-black: #312231;
--anubis-black-rgb: 49 34 49;
--anubis-black-oklch: oklch(0.276 0.034 326.5);
}
.element {
color: var(--anubis-black);
background-color: hsl(300 18% 16%);
border-color: oklch(0.276 0.034 326.5);
}Tailwind CSS v4
@theme {
--color-anubis-black: #312231;
--color-anubis-black-50: #fbf2fa;
--color-anubis-black-100: #efe4ee;
--color-anubis-black-200: #ddcfdc;
--color-anubis-black-300: #c2b1c0;
--color-anubis-black-400: #aa98a9;
--color-anubis-black-500: #937f92;
--color-anubis-black-600: #7c6b7c;
--color-anubis-black-700: #635663;
--color-anubis-black-800: #493e49;
--color-anubis-black-900: #322b33;
--color-anubis-black-950: #1e181e;
}SCSS
$anubis-black: #312231;
$anubis-black-rgb: 49, 34, 49;
$anubis-black-light: mix(#fff, $anubis-black, 20%);
$anubis-black-dark: mix(#000, $anubis-black, 20%);
.element {
color: $anubis-black;
box-shadow: 0 0 0 2px rgba($anubis-black, 0.35);
}