가장 가까운 이름 색상 · #990016
#990016
가장 가까운 이름 색상: Sacred Scarlet
#990016(rgb(153 0 22), hsl(351 100% 30%), oklch(0.43 0.174 24.9))와 가장 가까운 이름 색상은 Sacred Scarlet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#990016
oklch(0.43 0.174 24.9)
색상 변환
- HEX
- #990016
- RGB
- rgb(153 0 22)
- HSL
- hsl(351 100% 30%)
- HWB
- hwb(351 0% 40%)
- OKLCH
- oklch(0.43 0.174 24.9)
- OKLab
- oklab(0.43 0.158 0.073)
- CIE Lab
- lab(32.11 55.43 36.77)
- LCH
- lch(32.11 66.52 33.6)
- CMYK
- cmyk(0% 100% 86% 40%)
틴트 · 셰이드 · 톤
틴트
- A62E2E
- B34945
- BF605B
- CA7771
- D48E88
- DEA49F
- E7BBB6
- F0D1CE
- F8E8E6
셰이드
- 840012
- 70000D
- 5D0009
- 4A0006
- 380003
- 270002
- 170001
- 080000
- 010000
톤
- 991F23
- 98302F
- 973D39
- 954844
- 93534E
- 915C58
- 8E6662
- 8A6F6C
- 857776
색 조화
보색 +180°
- 990016
Sacred Scarlet
- 005B63
≈ Enamelled Jewel
유사색 -30° +30°
- 990016
Sacred Scarlet
- 910455
≈ Reddish Purple
- 7B3D00
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 990016
Sacred Scarlet
- 006215
≈ Thuja Green
- 1E44AE
≈ Denim
분열 보색 +150° +210°
- 990016
Sacred Scarlet
- 005E4D
≈ Alpine Green
- 00577A
≈ Real Mccoy
사각 배색 +90° +180° +270°
- 990016
Sacred Scarlet
- 4F5500
≈ Douro
- 005B63
≈ Enamelled Jewel
- 5A30A3
≈ Royalty
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.87:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.36:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--sacred-scarlet: #990016;
--sacred-scarlet-rgb: 153 0 22;
--sacred-scarlet-oklch: oklch(0.43 0.174 24.9);
}
.element {
color: var(--sacred-scarlet);
background-color: hsl(351 100% 30%);
border-color: oklch(0.43 0.174 24.9);
}Tailwind CSS v4
@theme {
--color-sacred-scarlet: #990016;
--color-sacred-scarlet-50: #ffe3db;
--color-sacred-scarlet-100: #ffd2c9;
--color-sacred-scarlet-200: #ffb7ac;
--color-sacred-scarlet-300: #ff9286;
--color-sacred-scarlet-400: #f46f68;
--color-sacred-scarlet-500: #e24847;
--color-sacred-scarlet-600: #bf3e3d;
--color-sacred-scarlet-700: #9a3230;
--color-sacred-scarlet-800: #732224;
--color-sacred-scarlet-900: #511718;
--color-sacred-scarlet-950: #360709;
}SCSS
$sacred-scarlet: #990016;
$sacred-scarlet-rgb: 153, 0, 22;
$sacred-scarlet-light: mix(#fff, $sacred-scarlet, 20%);
$sacred-scarlet-dark: mix(#000, $sacred-scarlet, 20%);
.element {
color: $sacred-scarlet;
box-shadow: 0 0 0 2px rgba($sacred-scarlet, 0.35);
}