Adlandırılmış renk · #FE28A2
Persian Rose
Persian Rose, #FE28A2: rgb(254 40 162), hsl(326 99% 58%), oklch(0.666 0.257 352.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Persian Rose color name →
#FE28A2
oklch(0.666 0.257 352.8)
Renk dönüşümleri
- HEX
- #fe28a2
- RGB
- rgb(254 40 162)
- HSL
- hsl(326 99% 58%)
- HWB
- hwb(326 16% 0%)
- OKLCH
- oklch(0.666 0.257 352.8)
- OKLab
- oklab(0.666 0.255 -0.032)
- CIE Lab
- lab(57.81 81.4 -11.22)
- LCH
- lch(57.81 82.17 352.2)
- CMYK
- cmyk(0% 84% 36% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF4CAB
- FF66B4
- FF7DBD
- FF91C7
- FFA4D0
- FFB7D9
- FFC9E3
- FFDBEC
- FFEDF5
Koyu tonlar
- DD218C
- BD1B77
- 9E1563
- 800F4F
- 63093C
- 47042A
- 2D0219
- 16010A
- 030001
Gri tonlar
- F33D9F
- E74B9B
- DC5698
- D05F94
- C46691
- B86D8E
- AB738A
- 9D7887
- 8F7C83
Renk uyumları
Tamamlayıcı +180°
- FE28A2
Persian Rose
- 00AD8C
≈ Arcadia
Analog -30° +30°
- FE28A2
Persian Rose
- D946ED
≈ Apple II Magenta
- FF454F
≈ Blood Burst
Üçlü +120° +240°
- FE28A2
Persian Rose
- 969C00
≈ Pea Soup
- 00A1DA
≈ Vanadyl Blue
Bölünmüş tamamlayıcı +150° +210°
- FE28A2
Persian Rose
- 00B30B
≈ Pikkoro Green
- 00A8B2
≈ Exotic Sea
Dörtlü +90° +180° +270°
- FE28A2
Persian Rose
- BD8A00
≈ Kenyan Sand
- 00AD8C
≈ Arcadia
- 578FFF
≈ Skinny Jeans
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.03:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.03:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--persian-rose: #fe28a2;
--persian-rose-rgb: 254 40 162;
--persian-rose-oklch: oklch(0.666 0.257 352.8);
}
.element {
color: var(--persian-rose);
background-color: hsl(326 99% 58%);
border-color: oklch(0.666 0.257 352.8);
}Tailwind CSS v4
@theme {
--color-persian-rose: #fe28a2;
--color-persian-rose-50: #ffd7f9;
--color-persian-rose-100: #ffc4ed;
--color-persian-rose-200: #ffa3da;
--color-persian-rose-300: #ff76bf;
--color-persian-rose-400: #ff44ac;
--color-persian-rose-500: #f50095;
--color-persian-rose-600: #cf007e;
--color-persian-rose-700: #a70065;
--color-persian-rose-800: #7c004d;
--color-persian-rose-900: #580036;
--color-persian-rose-950: #3b0021;
}SCSS
$persian-rose: #fe28a2;
$persian-rose-rgb: 254, 40, 162;
$persian-rose-light: mix(#fff, $persian-rose, 20%);
$persian-rose-dark: mix(#000, $persian-rose, 20%);
.element {
color: $persian-rose;
box-shadow: 0 0 0 2px rgba($persian-rose, 0.35);
}