Adlandırılmış renk · #CC99CC
Ineffable Magenta
Ineffable Magenta, #CC99CC: rgb(204 153 204), hsl(300 33% 70%), oklch(0.747 0.091 326.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Ineffable Magenta color name →
#CC99CC
oklch(0.747 0.091 326.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1A3D1
- D7ADD6
- DCB7DB
- E1C1E1
- E6CCE6
- EBD6EB
- F0E0F0
- F5EAF5
- FAF5FA
Koyu tonlar
- B184B1
- 977097
- 7E5D7E
- 654A65
- 4E384E
- 372737
- 221722
- 0F080F
- 020102
Gri tonlar
- C497C4
- BD94BC
- B592B5
- AD8FAD
- A68DA6
- 9E8A9E
- 978896
- 8F858F
- 888387
Renk uyumları
Tamamlayıcı +180°
- CC99CC
Ineffable Magenta
- 87BD8B
≈ Green Masquerade
Analog -30° +30°
- CC99CC
Ineffable Magenta
- B2A1E1
≈ Violet Velvet
- DC95AE
≈ Foxy Pink
Üçlü +120° +240°
- CC99CC
Ineffable Magenta
- C7A968
≈ Wild Mustard Seed
- 5EBECA
≈ Faded Jeans
Bölünmüş tamamlayıcı +150° +210°
- CC99CC
Ineffable Magenta
- A9B571
≈ Around the Gills
- 68C0AB
≈ Blue Energy
Dörtlü +90° +180° +270°
- CC99CC
Ineffable Magenta
- DA9E74
≈ Ochraceous Salmon
- 87BD8B
≈ Green Masquerade
- 72B6E0
≈ Life Force
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.33:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.99:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}