Màu có tên gần nhất · #D645E4
#D645E4
Màu có tên gần nhất: Bubblegum Baby Girl
#D645E4 (rgb(214 69 228), hsl(295 75% 58%), oklch(0.655 0.25 324.1)) gần nhất với màu có tên Bubblegum Baby Girl. 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.
#D645E4
oklch(0.655 0.25 324.1)
Chuyển đổi màu
- HEX
- #d645e4
- RGB
- rgb(214 69 228)
- HSL
- hsl(295 75% 58%)
- HWB
- hwb(295 27% 11%)
- OKLCH
- oklch(0.655 0.25 324.1)
- OKLab
- oklab(0.655 0.203 -0.147)
- CIE Lab
- lab(56.02 70.72 -52.54)
- LCH
- lch(56.02 88.11 323.4)
- CMYK
- cmyk(6% 70% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DC5EE8
- E173EB
- E686EF
- EB98F2
- EFAAF4
- F3BCF7
- F6CDF9
- FADEFC
- FDEEFD
Sắc đậm
- BA3BC6
- 9E31A9
- 84278D
- 6A1E72
- 521558
- 3B0C3F
- 250528
- 100212
- 020003
Sắc xám
- CE50DA
- C659D0
- BE60C7
- B667BD
- AD6DB3
- A571A9
- 9C769F
- 937A95
- 8A7D8A
Hòa sắc
Bổ túc +180°
- D645E4
Bubblegum Baby Girl
- 00AF25
≈ Pikkoro Green
Tương đồng -30° +30°
- D645E4
Bubblegum Baby Girl
- 9B6FFF
≈ Forgotten Purple
- F9299B
≈ Persian Rose
Bộ ba +120° +240°
- D645E4
Bubblegum Baby Girl
- B78800
≈ Letter Jacket
- 00A4B0
≈ Garish Blue
Bổ túc chia +150° +210°
- D645E4
Bubblegum Baby Girl
- 909A00
≈ Pea Soup
- 00A98B
≈ Moray Eel
Bộ bốn +90° +180° +270°
- D645E4
Bubblegum Baby Girl
- DB6F00
≈ Gold Orange
- 00AF25
≈ Pikkoro Green
- 009DD7
≈ Structural Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.60:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.83:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--bubblegum-baby-girl: #d645e4;
--bubblegum-baby-girl-rgb: 214 69 228;
--bubblegum-baby-girl-oklch: oklch(0.655 0.25 324.1);
}
.element {
color: var(--bubblegum-baby-girl);
background-color: hsl(295 75% 58%);
border-color: oklch(0.655 0.25 324.1);
}Tailwind CSS v4
@theme {
--color-bubblegum-baby-girl: #d645e4;
--color-bubblegum-baby-girl-50: #ffddff;
--color-bubblegum-baby-girl-100: #ffcbff;
--color-bubblegum-baby-girl-200: #ffadff;
--color-bubblegum-baby-girl-300: #f784fb;
--color-bubblegum-baby-girl-400: #e25bef;
--color-bubblegum-baby-girl-500: #d021e0;
--color-bubblegum-baby-girl-600: #af21bd;
--color-bubblegum-baby-girl-700: #8d1b98;
--color-bubblegum-baby-girl-800: #671274;
--color-bubblegum-baby-girl-900: #490c52;
--color-bubblegum-baby-girl-950: #2f0037;
}SCSS
$bubblegum-baby-girl: #d645e4;
$bubblegum-baby-girl-rgb: 214, 69, 228;
$bubblegum-baby-girl-light: mix(#fff, $bubblegum-baby-girl, 20%);
$bubblegum-baby-girl-dark: mix(#000, $bubblegum-baby-girl, 20%);
.element {
color: $bubblegum-baby-girl;
box-shadow: 0 0 0 2px rgba($bubblegum-baby-girl, 0.35);
}