Màu có tên · #4F4E4A
Subterrain Kingdom
Subterrain Kingdom là #4F4E4A: rgb(79 78 74), hsl(48 3% 30%), oklch(0.424 0.007 95.2). 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.
What does Gray mean? → · Subterrain Kingdom color name →
#4F4E4A
oklch(0.424 0.007 95.2)
Chuyển đổi màu
- HEX
- #4f4e4a
- RGB
- rgb(79 78 74)
- HSL
- hsl(48 3% 30%)
- HWB
- hwb(48 29% 69%)
- OKLCH
- oklch(0.424 0.007 95.2)
- OKLab
- oklab(0.424 -0.001 0.007)
- CIE Lab
- lab(33.17 -0.2 2.53)
- LCH
- lch(33.17 2.54 94.5)
- CMYK
- cmyk(0% 1% 6% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F5E5A
- 6F6E6B
- 807F7C
- 91908E
- A2A2A0
- B4B4B2
- C7C6C5
- D9D9D8
- ECECEB
Sắc đậm
- 44433F
- 383835
- 2E2D2A
- 232320
- 191917
- 100F0E
- 070706
- 020202
- 000000
Sắc xám
- 54534F
- 585854
- 5D5D5A
- 62615F
- 676664
- 6C6B6A
- 71716F
- 767675
- 7B7B7A
Hòa sắc
Bổ túc +180°
- 4F4E4A
Subterrain Kingdom
- 4D4E52
≈ Grey Pinstripe
Tương đồng -30° +30°
- 4F4E4A
Subterrain Kingdom
- 514D4A
≈ Charadon Granite
- 4D4F4B
≈ Iron River
Bộ ba +120° +240°
- 4F4E4A
Subterrain Kingdom
- 4A4F50
≈ Blindfold
- 504D4F
≈ Perle Noir
Bổ túc chia +150° +210°
- 4F4E4A
Subterrain Kingdom
- 4B4E51
≈ Eshin Grey
- 4F4D51
≈ Perle Noir
Bộ bốn +90° +180° +270°
- 4F4E4A
Subterrain Kingdom
- 4A4F4E
≈ Cover of Night
- 4D4E52
≈ Grey Pinstripe
- 514D4D
≈ Charadon Granite
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.32:1 · APCA Lc 89
Ag
FailTrên nền đen
WCAG 2.52:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.32:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--subterrain-kingdom: #4f4e4a;
--subterrain-kingdom-rgb: 79 78 74;
--subterrain-kingdom-oklch: oklch(0.424 0.007 95.2);
}
.element {
color: var(--subterrain-kingdom);
background-color: hsl(48 3% 30%);
border-color: oklch(0.424 0.007 95.2);
}Tailwind CSS v4
@theme {
--color-subterrain-kingdom: #4f4e4a;
--color-subterrain-kingdom-50: #f5f5f3;
--color-subterrain-kingdom-100: #e8e8e5;
--color-subterrain-kingdom-200: #d5d4d1;
--color-subterrain-kingdom-300: #b8b7b4;
--color-subterrain-kingdom-400: #9f9e9a;
--color-subterrain-kingdom-500: #878681;
--color-subterrain-kingdom-600: #73726d;
--color-subterrain-kingdom-700: #5c5b57;
--color-subterrain-kingdom-800: #434240;
--color-subterrain-kingdom-900: #2e2e2c;
--color-subterrain-kingdom-950: #1b1b19;
}SCSS
$subterrain-kingdom: #4f4e4a;
$subterrain-kingdom-rgb: 79, 78, 74;
$subterrain-kingdom-light: mix(#fff, $subterrain-kingdom, 20%);
$subterrain-kingdom-dark: mix(#000, $subterrain-kingdom, 20%);
.element {
color: $subterrain-kingdom;
box-shadow: 0 0 0 2px rgba($subterrain-kingdom, 0.35);
}