Màu có tên gần nhất · #C400F5
#C400F5
Màu có tên gần nhất: Promiscuous Pink
#C400F5 (rgb(196 0 245), hsl(288 100% 48%), oklch(0.609 0.298 316.4)) gần nhất với màu có tên Promiscuous Pink. 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.
#C400F5
oklch(0.609 0.298 316.4)
Chuyển đổi màu
- HEX
- #c400f5
- RGB
- rgb(196 0 245)
- HSL
- hsl(288 100% 48%)
- HWB
- hwb(288 0% 4%)
- OKLCH
- oklch(0.609 0.298 316.4)
- OKLab
- oklab(0.609 0.216 -0.205)
- CIE Lab
- lab(49.27 82.42 -73.09)
- LCH
- lch(49.27 110.16 318.4)
- CMYK
- cmyk(20% 100% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CB3FF8
- D25DFA
- D875FC
- DF8BFE
- E5A0FF
- EBB3FF
- F0C7FF
- F5DAFF
- FAECFF
Sắc đậm
- AA00D5
- 9100B6
- 780098
- 61007B
- 4A005F
- 350044
- 21002B
- 0E0015
- 020003
Sắc xám
- BE2DEA
- B741DE
- B14ED3
- AB59C8
- A462BC
- 9D69B1
- 9670A5
- 8F7699
- 887B8D
Hòa sắc
Bổ túc +180°
- C400F5
Promiscuous Pink
- 489A00
≈ Grass Is Greener
Tương đồng -30° +30°
- C400F5
Promiscuous Pink
- 7F61FF
≈ Purple Anemone
- E300A1
≈ Aphroditean Fuchsia
Bộ ba +120° +240°
- C400F5
Promiscuous Pink
- AE7600
≈ Falafel
- 009697
≈ Intermezzo
Bổ túc chia +150° +210°
- C400F5
Promiscuous Pink
- 8D8700
≈ Palak Paneer
- 009A72
≈ Rainforest
Bộ bốn +90° +180° +270°
- C400F5
Promiscuous Pink
- D15A00
≈ Exuberance
- 489A00
≈ Grass Is Greener
- 0090B8
≈ Cool Tide
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--promiscuous-pink: #c400f5;
--promiscuous-pink-rgb: 196 0 245;
--promiscuous-pink-oklch: oklch(0.609 0.298 316.4);
}
.element {
color: var(--promiscuous-pink);
background-color: hsl(288 100% 48%);
border-color: oklch(0.609 0.298 316.4);
}Tailwind CSS v4
@theme {
--color-promiscuous-pink: #c400f5;
--color-promiscuous-pink-50: #ffdaff;
--color-promiscuous-pink-100: #ffc7ff;
--color-promiscuous-pink-200: #ffa7ff;
--color-promiscuous-pink-300: #f57bff;
--color-promiscuous-pink-400: #e04bff;
--color-promiscuous-pink-500: #ce00ff;
--color-promiscuous-pink-600: #ae00db;
--color-promiscuous-pink-700: #8c00b0;
--color-promiscuous-pink-800: #660087;
--color-promiscuous-pink-900: #48005f;
--color-promiscuous-pink-950: #2f0041;
}SCSS
$promiscuous-pink: #c400f5;
$promiscuous-pink-rgb: 196, 0, 245;
$promiscuous-pink-light: mix(#fff, $promiscuous-pink, 20%);
$promiscuous-pink-dark: mix(#000, $promiscuous-pink, 20%);
.element {
color: $promiscuous-pink;
box-shadow: 0 0 0 2px rgba($promiscuous-pink, 0.35);
}