Nazwany kolor · #FE28A2
Persian Rose
Persian Rose to #FE28A2: rgb(254 40 162), hsl(326 99% 58%), oklch(0.666 0.257 352.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Persian Rose color name →
#FE28A2
oklch(0.666 0.257 352.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4CAB
- FF66B4
- FF7DBD
- FF91C7
- FFA4D0
- FFB7D9
- FFC9E3
- FFDBEC
- FFEDF5
Odcienie ciemniejsze
- DD218C
- BD1B77
- 9E1563
- 800F4F
- 63093C
- 47042A
- 2D0219
- 16010A
- 030001
Tony
- F33D9F
- E74B9B
- DC5698
- D05F94
- C46691
- B86D8E
- AB738A
- 9D7887
- 8F7C83
Harmonie kolorów
Komplementarna +180°
- FE28A2
Persian Rose
- 00AD8C
≈ Arcadia
Analogowa -30° +30°
- FE28A2
Persian Rose
- D946ED
≈ Apple II Magenta
- FF454F
≈ Blood Burst
Triada +120° +240°
- FE28A2
Persian Rose
- 969C00
≈ Pea Soup
- 00A1DA
≈ Vanadyl Blue
Komplementarna rozszczepiona +150° +210°
- FE28A2
Persian Rose
- 00B30B
≈ Pikkoro Green
- 00A8B2
≈ Exotic Sea
Tetrada +90° +180° +270°
- FE28A2
Persian Rose
- BD8A00
≈ Kenyan Sand
- 00AD8C
≈ Arcadia
- 578FFF
≈ Skinny Jeans
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.47:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.03:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.03:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
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);
}