Màu có tên gần nhất · #3C184C
#3C184C
Màu có tên gần nhất: Plunged Into Darkness
#3C184C (rgb(60 24 76), hsl(282 52% 20%), oklch(0.289 0.097 313.9)) gần nhất với màu có tên Plunged Into Darkness. 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.
#3C184C
oklch(0.289 0.097 313.9)
Chuyển đổi màu
- HEX
- #3c184c
- RGB
- rgb(60 24 76)
- HSL
- hsl(282 52% 20%)
- HWB
- hwb(282 9% 70%)
- OKLCH
- oklch(0.289 0.097 313.9)
- OKLab
- oklab(0.289 0.067 -0.07)
- CIE Lab
- lab(15.99 25.34 -25)
- LCH
- lch(15.99 35.6 315.4)
- CMYK
- cmyk(21% 68% 0% 70%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4E2D5D
- 60436E
- 72587F
- 856E91
- 9885A3
- AC9CB5
- C0B4C7
- D5CDD9
- EAE6EC
Sắc đậm
- 331341
- 2A0F36
- 210A2C
- 190722
- 110418
- 0A020F
- 040106
- 010002
- 000000
Sắc xám
- 432352
- 492D57
- 50385C
- 574262
- 5E4C67
- 64566C
- 6B6071
- 726B76
- 79757B
Hòa sắc
Bổ túc +180°
- 3C184C
Plunged Into Darkness
- 183300
≈ Witch Wart
Tương đồng -30° +30°
- 3C184C
Plunged Into Darkness
- 272159
≈ Spacescape
- 4A1137
≈ Pion Purple
Bộ ba +120° +240°
- 3C184C
Plunged Into Darkness
- 3D2600
≈ Secret Passage
- 003332
≈ Nora’s Forest
Bổ túc chia +150° +210°
- 3C184C
Plunged Into Darkness
- 302C00
≈ Secret Passage
- 003423
≈ Pitch-Black Forests
Bộ bốn +90° +180° +270°
- 3C184C
Plunged Into Darkness
- 4C1900
≈ Chocolate Rush
- 183300
≈ Witch Wart
- 00313F
≈ Nordic Noir
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.71:1 · APCA Lc 101
Ag
FailTrên nền đen
WCAG 1.42:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.71:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--plunged-into-darkness: #3c184c;
--plunged-into-darkness-rgb: 60 24 76;
--plunged-into-darkness-oklch: oklch(0.289 0.097 313.9);
}
.element {
color: var(--plunged-into-darkness);
background-color: hsl(282 52% 20%);
border-color: oklch(0.289 0.097 313.9);
}Tailwind CSS v4
@theme {
--color-plunged-into-darkness: #3c184c;
--color-plunged-into-darkness-50: #ffedff;
--color-plunged-into-darkness-100: #f5dffe;
--color-plunged-into-darkness-200: #e5c8f1;
--color-plunged-into-darkness-300: #cba9d9;
--color-plunged-into-darkness-400: #b38dc7;
--color-plunged-into-darkness-500: #9d72b3;
--color-plunged-into-darkness-600: #856197;
--color-plunged-into-darkness-700: #6b4d79;
--color-plunged-into-darkness-800: #4e385b;
--color-plunged-into-darkness-900: #36263f;
--color-plunged-into-darkness-950: #211528;
}SCSS
$plunged-into-darkness: #3c184c;
$plunged-into-darkness-rgb: 60, 24, 76;
$plunged-into-darkness-light: mix(#fff, $plunged-into-darkness, 20%);
$plunged-into-darkness-dark: mix(#000, $plunged-into-darkness, 20%);
.element {
color: $plunged-into-darkness;
box-shadow: 0 0 0 2px rgba($plunged-into-darkness, 0.35);
}