Màu có tên gần nhất · #990016
#990016
Màu có tên gần nhất: Sacred Scarlet
#990016 (rgb(153 0 22), hsl(351 100% 30%), oklch(0.43 0.174 24.9)) gần nhất với màu có tên Sacred Scarlet. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#990016
oklch(0.43 0.174 24.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A62E2E
- B34945
- BF605B
- CA7771
- D48E88
- DEA49F
- E7BBB6
- F0D1CE
- F8E8E6
Sắc đậm
- 840012
- 70000D
- 5D0009
- 4A0006
- 380003
- 270002
- 170001
- 080000
- 010000
Sắc xám
- 991F23
- 98302F
- 973D39
- 954844
- 93534E
- 915C58
- 8E6662
- 8A6F6C
- 857776
Hòa sắc
Bổ túc +180°
- 990016
Sacred Scarlet
- 005B63
≈ Enamelled Jewel
Tương đồng -30° +30°
- 990016
Sacred Scarlet
- 910455
≈ Reddish Purple
- 7B3D00
≈ Hazelnut Chocolate
Bộ ba +120° +240°
- 990016
Sacred Scarlet
- 006215
≈ Thuja Green
- 1E44AE
≈ Denim
Bổ túc chia +150° +210°
- 990016
Sacred Scarlet
- 005E4D
≈ Alpine Green
- 00577A
≈ Real Mccoy
Bộ bốn +90° +180° +270°
- 990016
Sacred Scarlet
- 4F5500
≈ Douro
- 005B63
≈ Enamelled Jewel
- 5A30A3
≈ Royalty
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.87:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.36:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}