Warna bernama · #FC44A3
Fioletowy Purple
Fioletowy Purple adalah #FC44A3: rgb(252 68 163), hsl(329 97% 63%), oklch(0.681 0.233 353.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Fioletowy Purple color name →
#FC44A3
oklch(0.681 0.233 353.7)
Konversi warna
- HEX
- #fc44a3
- RGB
- rgb(252 68 163)
- HSL
- hsl(329 97% 63%)
- HWB
- hwb(329 27% 1%)
- OKLCH
- oklch(0.681 0.233 353.7)
- OKLab
- oklab(0.681 0.231 -0.026)
- CIE Lab
- lab(59.91 74.27 -8.74)
- LCH
- lch(59.91 74.78 353.3)
- CMYK
- cmyk(0% 73% 35% 1%)
Tint · Shade · Tone
Tint
- FF5DAC
- FF73B5
- FF86BE
- FF99C7
- FFABD0
- FFBCD9
- FFCDE3
- FFDEEC
- FFEEF6
Shade
- DB3A8D
- BB3078
- 9C2663
- 7E1D4F
- 62143C
- 470C2A
- 2D0519
- 16020A
- 030001
Tone
- F1509F
- E5599C
- DA6198
- CE6795
- C26D91
- B6728E
- A9768A
- 9C7A87
- 8F7D83
Harmoni warna
Komplementer +180°
- FC44A3
Fioletowy Purple
- 00B292
≈ Victorian Greenhouse
Analog -30° +30°
- FC44A3
Fioletowy Purple
- DA58E8
≈ Clematis Magenta
- FF5456
≈ Fluorescent Red
Triadik +120° +240°
- FC44A3
Fioletowy Purple
- 99A200
≈ Forest Lichen
- 00A5E2
≈ Vanadyl Blue
Split-komplementer +150° +210°
- FC44A3
Fioletowy Purple
- 00B922
≈ Pedestrian Green
- 00ADB9
≈ Placid Sea
Tetradik +90° +180° +270°
- FC44A3
Fioletowy Purple
- C18F00
≈ Moutarde de Bénichon
- 00B292
≈ Victorian Greenhouse
- 6194FF
≈ Blue Chaos
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.23:1 · APCA Lc 58
Ag
AADi atas hitam
WCAG 6.49:1 · APCA Lc 43
Warna teks terbaik: #000000
WCAG 6.49:1 (AA) · APCA Lc 43
Contrast pairs
Cuplikan kode
CSS
:root {
--fioletowy-purple: #fc44a3;
--fioletowy-purple-rgb: 252 68 163;
--fioletowy-purple-oklch: oklch(0.681 0.233 353.7);
}
.element {
color: var(--fioletowy-purple);
background-color: hsl(329 97% 63%);
border-color: oklch(0.681 0.233 353.7);
}Tailwind CSS v4
@theme {
--color-fioletowy-purple: #fc44a3;
--color-fioletowy-purple-50: #ffdaf8;
--color-fioletowy-purple-100: #ffc7eb;
--color-fioletowy-purple-200: #ffa8d8;
--color-fioletowy-purple-300: #ff7ebc;
--color-fioletowy-purple-400: #ff53a8;
--color-fioletowy-purple-500: #ed0091;
--color-fioletowy-purple-600: #c90e7b;
--color-fioletowy-purple-700: #a10e62;
--color-fioletowy-purple-800: #78084b;
--color-fioletowy-purple-900: #550634;
--color-fioletowy-purple-950: #38001f;
}SCSS
$fioletowy-purple: #fc44a3;
$fioletowy-purple-rgb: 252, 68, 163;
$fioletowy-purple-light: mix(#fff, $fioletowy-purple, 20%);
$fioletowy-purple-dark: mix(#000, $fioletowy-purple, 20%);
.element {
color: $fioletowy-purple;
box-shadow: 0 0 0 2px rgba($fioletowy-purple, 0.35);
}