Màu có tên gần nhất · #27032B
#27032B
Màu có tên gần nhất: Black Sabbath
#27032B (rgb(39 3 43), hsl(294 87% 9%), oklch(0.2 0.085 323.7)) gần nhất với màu có tên Black Sabbath. 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.
#27032B
oklch(0.2 0.085 323.7)
Chuyển đổi màu
- HEX
- #27032b
- RGB
- rgb(39 3 43)
- HSL
- hsl(294 87% 9%)
- HWB
- hwb(294 1% 83%)
- OKLCH
- oklch(0.2 0.085 323.7)
- OKLab
- oklab(0.2 0.068 -0.05)
- CIE Lab
- lab(5.99 23.15 -17.58)
- LCH
- lch(5.99 29.07 322.8)
- CMYK
- cmyk(9% 93% 0% 83%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3A1A3E
- 4E3051
- 634765
- 785F7A
- 8D788F
- A392A4
- B9ACBA
- D0C7D1
- E7E3E8
Sắc đậm
- 200224
- 1A021D
- 140116
- 0E0110
- 08000A
- 040005
- 020002
- 010001
- 000000
Sắc xám
- 300F33
- 391C3C
- 412844
- 4A344C
- 534055
- 5C4C5D
- 655966
- 6E666F
- 777377
Hòa sắc
Bổ túc +180°
- 27032B
Black Sabbath
- 001D01
≈ Rainforest Nights
Tương đồng -30° +30°
- 27032B
Black Sabbath
- 1A0938
≈ Middle Red Purple
- 2F0019
≈ Rhodophobia
Bộ ba +120° +240°
- 27032B
Black Sabbath
- 1F1400
≈ Super Black
- 001A1D
≈ Black Stallion
Bổ túc chia +150° +210°
- 27032B
Black Sabbath
- 161800
≈ Pinch of Pepper
- 001B15
≈ Pinch of Pepper
Bộ bốn +90° +180° +270°
- 27032B
Black Sabbath
- 270E00
≈ Severely Burnt Toast
- 001D01
≈ Rainforest Nights
- 001926
≈ Creeping Death
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 18.51:1 · APCA Lc 105
Ag
FailTrên nền đen
WCAG 1.13:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 18.51:1 (AAA) · APCA Lc 105
Contrast pairs
Đoạn mã
CSS
:root {
--black-sabbath: #27032b;
--black-sabbath-rgb: 39 3 43;
--black-sabbath-oklch: oklch(0.2 0.085 323.7);
}
.element {
color: var(--black-sabbath);
background-color: hsl(294 87% 9%);
border-color: oklch(0.2 0.085 323.7);
}Tailwind CSS v4
@theme {
--color-black-sabbath: #27032b;
--color-black-sabbath-50: #ffedff;
--color-black-sabbath-100: #f7dff8;
--color-black-sabbath-200: #e8c8e8;
--color-black-sabbath-300: #cfa9cf;
--color-black-sabbath-400: #b88ebb;
--color-black-sabbath-500: #a273a6;
--color-black-sabbath-600: #89618c;
--color-black-sabbath-700: #6e4e71;
--color-black-sabbath-800: #503854;
--color-black-sabbath-900: #38273b;
--color-black-sabbath-950: #221525;
}SCSS
$black-sabbath: #27032b;
$black-sabbath-rgb: 39, 3, 43;
$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);
}