Colore con nome · #FF2288
Reliquial Rose
Reliquial Rose è #FF2288: rgb(255 34 136), hsl(332 100% 57%), oklch(0.656 0.252 1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Reliquial Rose color name →
#FF2288
oklch(0.656 0.252 1)
Conversioni di colore
- HEX
- #ff2288
- RGB
- rgb(255 34 136)
- HSL
- hsl(332 100% 57%)
- HWB
- hwb(332 13% 0%)
- OKLCH
- oklch(0.656 0.252 1)
- OKLab
- oklab(0.656 0.252 0.004)
- CIE Lab
- lab(56.97 81.05 2.94)
- LCH
- lch(56.97 81.1 2.1)
- CMYK
- cmyk(0% 87% 47% 0%)
Tinte · Ombre · Toni
Tinte
- FF4993
- FF649F
- FF7BAA
- FF8FB6
- FFA3C2
- FFB6CE
- FFC9DA
- FFDBE6
- FFEDF3
Ombre
- DE1C75
- BE1663
- 9E1152
- 800B41
- 630731
- 480322
- 2E0113
- 160006
- 030001
Toni
- F43987
- E84986
- DD5486
- D15D85
- C56584
- B86C83
- AC7282
- 9E7782
- 907C81
Armonie di colore
Complementare +180°
- FF2288
Reliquial Rose
- 00A895
≈ Persian Green
Analogo -30° +30°
- FF2288
Reliquial Rose
- E03ED6
≈ Méi Gūi Zǐ Purple
- FF3F26
≈ Spiritstone Red
Triadico +120° +240°
- FF2288
Reliquial Rose
- 849E00
≈ Noxious
- 009AE5
≈ Atmosphere
Complementare divisa +150° +210°
- FF2288
Reliquial Rose
- 00AE54
≈ Rita Repulsa
- 00A3B8
≈ January Blue
Tetradico +90° +180° +270°
- FF2288
Reliquial Rose
- B08D00
≈ Cobra Leather
- 00A895
≈ Persian Green
- 6985FF
≈ Deep Denim
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.59:1 · APCA Lc 61
Ag
AASu nero
WCAG 5.83:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.83:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--reliquial-rose: #ff2288;
--reliquial-rose-rgb: 255 34 136;
--reliquial-rose-oklch: oklch(0.656 0.252 1);
}
.element {
color: var(--reliquial-rose);
background-color: hsl(332 100% 57%);
border-color: oklch(0.656 0.252 1);
}Tailwind CSS v4
@theme {
--color-reliquial-rose: #ff2288;
--color-reliquial-rose-50: #ffd7ee;
--color-reliquial-rose-100: #ffc4e0;
--color-reliquial-rose-200: #ffa3ca;
--color-reliquial-rose-300: #ff76ab;
--color-reliquial-rose-400: #ff4496;
--color-reliquial-rose-500: #fa007c;
--color-reliquial-rose-600: #d30069;
--color-reliquial-rose-700: #aa0054;
--color-reliquial-rose-800: #7f0040;
--color-reliquial-rose-900: #5a002c;
--color-reliquial-rose-950: #3c0019;
}SCSS
$reliquial-rose: #ff2288;
$reliquial-rose-rgb: 255, 34, 136;
$reliquial-rose-light: mix(#fff, $reliquial-rose, 20%);
$reliquial-rose-dark: mix(#000, $reliquial-rose, 20%);
.element {
color: $reliquial-rose;
box-shadow: 0 0 0 2px rgba($reliquial-rose, 0.35);
}