Màu có tên · #EB84F5
Pinkling
Pinkling là #EB84F5: rgb(235 132 245), hsl(295 85% 74%), oklch(0.764 0.188 323.9). 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.
What does Purple mean? → · Pinkling color name →
#EB84F5
oklch(0.764 0.188 323.9)
Chuyển đổi màu
- HEX
- #eb84f5
- RGB
- rgb(235 132 245)
- HSL
- hsl(295 85% 74%)
- HWB
- hwb(295 52% 4%)
- OKLCH
- oklch(0.764 0.188 323.9)
- OKLab
- oklab(0.764 0.152 -0.111)
- CIE Lab
- lab(69.87 52.38 -40.02)
- LCH
- lch(69.87 65.91 322.6)
- CMYK
- cmyk(4% 46% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EE91F7
- F19EF8
- F3ABF9
- F5B7FB
- F7C4FC
- F9D0FD
- FBDCFD
- FDE7FE
- FEF3FF
Sắc đậm
- CC72D5
- AE60B6
- 914F98
- 753F7B
- 5B2F5F
- 412044
- 29122B
- 130615
- 030103
Sắc xám
- E085E9
- D685DD
- CB85D1
- C085C6
- B685BA
- AB84AE
- A084A3
- 968397
- 8B818C
Hòa sắc
Bổ túc +180°
- EB84F5
Pinkling
- 5BD05D
≈ UFO Green
Tương đồng -30° +30°
- EB84F5
Pinkling
- B7A1FF
≈ Diva
- FF83BA
≈ Cochonnet
Bộ ba +120° +240°
- EB84F5
Pinkling
- E1A800
≈ Nectar of the Goddess
- 00CAD8
≈ Jade Glass
Bổ túc chia +150° +210°
- EB84F5
Pinkling
- B2BD00
≈ The Killing Joke
- 00D0AB
≈ Mint Leaf
Bộ bốn +90° +180° +270°
- EB84F5
Pinkling
- FF9342
≈ Pastel Orange
- 5BD05D
≈ UFO Green
- 39C0FF
≈ Megaman
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.29:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.15:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--pinkling: #eb84f5;
--pinkling-rgb: 235 132 245;
--pinkling-oklch: oklch(0.764 0.188 323.9);
}
.element {
color: var(--pinkling);
background-color: hsl(295 85% 74%);
border-color: oklch(0.764 0.188 323.9);
}Tailwind CSS v4
@theme {
--color-pinkling: #eb84f5;
--color-pinkling-50: #ffe3ff;
--color-pinkling-100: #ffd3ff;
--color-pinkling-200: #feb8ff;
--color-pinkling-300: #e894eb;
--color-pinkling-400: #d373dc;
--color-pinkling-500: #bf4fcb;
--color-pinkling-600: #a144ab;
--color-pinkling-700: #823689;
--color-pinkling-800: #5f2768;
--color-pinkling-900: #431a49;
--color-pinkling-950: #2b0930;
}SCSS
$pinkling: #eb84f5;
$pinkling-rgb: 235, 132, 245;
$pinkling-light: mix(#fff, $pinkling, 20%);
$pinkling-dark: mix(#000, $pinkling, 20%);
.element {
color: $pinkling;
box-shadow: 0 0 0 2px rgba($pinkling, 0.35);
}