Màu có tên gần nhất · #2C2434
#2C2434
Màu có tên gần nhất: Black Velvet
#2C2434 (rgb(44 36 52), hsl(270 18% 17%), oklch(0.276 0.031 307.2)) gần nhất với màu có tên Black Velvet. 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.
#2C2434
oklch(0.276 0.031 307.2)
Chuyển đổi màu
- HEX
- #2c2434
- RGB
- rgb(44 36 52)
- HSL
- hsl(270 18% 17%)
- HWB
- hwb(270 14% 80%)
- OKLCH
- oklch(0.276 0.031 307.2)
- OKLab
- oklab(0.276 0.019 -0.025)
- CIE Lab
- lab(15.66 6.81 -9.05)
- LCH
- lch(15.66 11.33 307)
- CMYK
- cmyk(15% 31% 0% 80%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3E3746
- 514A58
- 655E6B
- 79737F
- 8E8993
- A4A0A8
- BAB7BD
- D0CED3
- E7E6E9
Sắc đậm
- 251E2C
- 1E1824
- 17121C
- 110C15
- 0A070E
- 050407
- 020203
- 010001
- 000000
Sắc xám
- 342C3B
- 3C3542
- 443E4A
- 4C4751
- 545059
- 5D5961
- 656368
- 6E6C70
- 777678
Hòa sắc
Bổ túc +180°
- 2C2434
Black Velvet
- 242B1A
≈ Kuro Green
Tương đồng -30° +30°
- 2C2434
Black Velvet
- 242737
≈ Midnight Express
- 32222E
≈ Anubis Black
Bộ ba +120° +240°
- 2C2434
Black Velvet
- 322517
≈ Black Slug
- 152D2B
≈ Guerrilla Forest
Bổ túc chia +150° +210°
- 2C2434
Black Velvet
- 2C2816
≈ Maire
- 1B2D22
≈ Guerrilla Forest
Bộ bốn +90° +180° +270°
- 2C2434
Black Velvet
- 36231D
≈ Wetlands Swamp
- 242B1A
≈ Kuro Green
- 152C32
≈ Black Chasm
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.90:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.40:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.90:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--black-velvet: #2c2434;
--black-velvet-rgb: 44 36 52;
--black-velvet-oklch: oklch(0.276 0.031 307.2);
}
.element {
color: var(--black-velvet);
background-color: hsl(270 18% 17%);
border-color: oklch(0.276 0.031 307.2);
}Tailwind CSS v4
@theme {
--color-black-velvet: #2c2434;
--color-black-velvet-50: #f8f3fc;
--color-black-velvet-100: #ebe5f0;
--color-black-velvet-200: #d8d1df;
--color-black-velvet-300: #bcb3c4;
--color-black-velvet-400: #a39aad;
--color-black-velvet-500: #8c8197;
--color-black-velvet-600: #766d7f;
--color-black-velvet-700: #5e5766;
--color-black-velvet-800: #45404b;
--color-black-velvet-900: #302c34;
--color-black-velvet-950: #1c1920;
}SCSS
$black-velvet: #2c2434;
$black-velvet-rgb: 44, 36, 52;
$black-velvet-light: mix(#fff, $black-velvet, 20%);
$black-velvet-dark: mix(#000, $black-velvet, 20%);
.element {
color: $black-velvet;
box-shadow: 0 0 0 2px rgba($black-velvet, 0.35);
}