Màu có tên · #CC99CC
Ineffable Magenta
Ineffable Magenta là #CC99CC: rgb(204 153 204), hsl(300 33% 70%), oklch(0.747 0.091 326.4). 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? → · Ineffable Magenta color name →
#CC99CC
oklch(0.747 0.091 326.4)
Chuyển đổi màu
- HEX
- #cc99cc
- RGB
- rgb(204 153 204)
- HSL
- hsl(300 33% 70%)
- HWB
- hwb(300 60% 20%)
- OKLCH
- oklch(0.747 0.091 326.4)
- OKLab
- oklab(0.747 0.076 -0.051)
- CIE Lab
- lab(69.42 25.96 -18.58)
- LCH
- lch(69.42 31.92 324.4)
- CMYK
- cmyk(0% 25% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D1A3D1
- D7ADD6
- DCB7DB
- E1C1E1
- E6CCE6
- EBD6EB
- F0E0F0
- F5EAF5
- FAF5FA
Sắc đậm
- B184B1
- 977097
- 7E5D7E
- 654A65
- 4E384E
- 372737
- 221722
- 0F080F
- 020102
Sắc xám
- C497C4
- BD94BC
- B592B5
- AD8FAD
- A68DA6
- 9E8A9E
- 978896
- 8F858F
- 888387
Hòa sắc
Bổ túc +180°
- CC99CC
Ineffable Magenta
- 87BD8B
≈ Green Masquerade
Tương đồng -30° +30°
- CC99CC
Ineffable Magenta
- B2A1E1
≈ Violet Velvet
- DC95AE
≈ Foxy Pink
Bộ ba +120° +240°
- CC99CC
Ineffable Magenta
- C7A968
≈ Wild Mustard Seed
- 5EBECA
≈ Faded Jeans
Bổ túc chia +150° +210°
- CC99CC
Ineffable Magenta
- A9B571
≈ Around the Gills
- 68C0AB
≈ Blue Energy
Bộ bốn +90° +180° +270°
- CC99CC
Ineffable Magenta
- DA9E74
≈ Ochraceous Salmon
- 87BD8B
≈ Green Masquerade
- 72B6E0
≈ Life Force
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.33:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.99:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--ineffable-magenta: #cc99cc;
--ineffable-magenta-rgb: 204 153 204;
--ineffable-magenta-oklch: oklch(0.747 0.091 326.4);
}
.element {
color: var(--ineffable-magenta);
background-color: hsl(300 33% 70%);
border-color: oklch(0.747 0.091 326.4);
}Tailwind CSS v4
@theme {
--color-ineffable-magenta: #cc99cc;
--color-ineffable-magenta-50: #ffecff;
--color-ineffable-magenta-100: #fadef7;
--color-ineffable-magenta-200: #ebc7e8;
--color-ineffable-magenta-300: #d2a7cf;
--color-ineffable-magenta-400: #bb8cbb;
--color-ineffable-magenta-500: #a670a6;
--color-ineffable-magenta-600: #8c5f8c;
--color-ineffable-magenta-700: #704c71;
--color-ineffable-magenta-800: #523754;
--color-ineffable-magenta-900: #39263b;
--color-ineffable-magenta-950: #241425;
}SCSS
$ineffable-magenta: #cc99cc;
$ineffable-magenta-rgb: 204, 153, 204;
$ineffable-magenta-light: mix(#fff, $ineffable-magenta, 20%);
$ineffable-magenta-dark: mix(#000, $ineffable-magenta, 20%);
.element {
color: $ineffable-magenta;
box-shadow: 0 0 0 2px rgba($ineffable-magenta, 0.35);
}