Màu có tên · #FF99FF
Pinkalicious
Pinkalicious là #FF99FF: rgb(255 153 255), hsl(300 100% 80%), oklch(0.822 0.175 327). 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? → · Pinkalicious color name →
#FF99FF
oklch(0.822 0.175 327)
Chuyển đổi màu
- HEX
- #ff99ff
- RGB
- rgb(255 153 255)
- HSL
- hsl(300 100% 80%)
- HWB
- hwb(300 60% 0%)
- OKLCH
- oklch(0.822 0.175 327)
- OKLab
- oklab(0.822 0.146 -0.095)
- CIE Lab
- lab(76.77 49.89 -34.56)
- LCH
- lch(76.77 60.69 325.3)
- CMYK
- cmyk(0% 40% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFA4FF
- FFAFFF
- FFB9FF
- FFC4FF
- FFCEFF
- FFD8FF
- FFE2FF
- FFECFF
- FFF5FF
Sắc đậm
- DE84DE
- BE70BE
- 9E5D9E
- 804A80
- 633863
- 482748
- 2E172E
- 160816
- 030103
Sắc xám
- F297F2
- E595E5
- D993D8
- CC91CB
- BF8FBE
- B38CB2
- A689A5
- 998699
- 8D838C
Hòa sắc
Bổ túc +180°
- FF99FF
Pinkalicious
- 6CE27F
≈ Pastel Green
Tương đồng -30° +30°
- FF99FF
Pinkalicious
- CBB7FF
≈ Violet Heaven
- FFA6C6
≈ Taffy Pink
Bộ ba +120° +240°
- FF99FF
Pinkalicious
- F3BC00
≈ Gold Abundance
- 00DEF3
≈ Tamarama
Bổ túc chia +150° +210°
- FF99FF
Pinkalicious
- BED232
≈ Golden Foliage
- 00E4C3
≈ Celestial Green
Bộ bốn +90° +180° +270°
- FF99FF
Pinkalicious
- FFB176
≈ Isn’t It Just Peachy
- 6CE27F
≈ Pastel Green
- 81CFFF
≈ Drift on the Sea
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.86:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.25:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.25:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--pinkalicious: #ff99ff;
--pinkalicious-rgb: 255 153 255;
--pinkalicious-oklch: oklch(0.822 0.175 327);
}
.element {
color: var(--pinkalicious);
background-color: hsl(300 100% 80%);
border-color: oklch(0.822 0.175 327);
}Tailwind CSS v4
@theme {
--color-pinkalicious: #ff99ff;
--color-pinkalicious-50: #ffe4ff;
--color-pinkalicious-100: #ffd4ff;
--color-pinkalicious-200: #feb9f9;
--color-pinkalicious-300: #e896e3;
--color-pinkalicious-400: #d375d3;
--color-pinkalicious-500: #bf53c1;
--color-pinkalicious-600: #a247a3;
--color-pinkalicious-700: #823983;
--color-pinkalicious-800: #5f2863;
--color-pinkalicious-900: #431b45;
--color-pinkalicious-950: #2b0b2d;
}SCSS
$pinkalicious: #ff99ff;
$pinkalicious-rgb: 255, 153, 255;
$pinkalicious-light: mix(#fff, $pinkalicious, 20%);
$pinkalicious-dark: mix(#000, $pinkalicious, 20%);
.element {
color: $pinkalicious;
box-shadow: 0 0 0 2px rgba($pinkalicious, 0.35);
}