Colore con nome · #F8CAD5
Palace Rose
Palace Rose è #F8CAD5: rgb(248 202 213), hsl(346 77% 88%), oklch(0.882 0.054 2.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Palace Rose color name →
#F8CAD5
oklch(0.882 0.054 2.2)
Conversioni di colore
- HEX
- #f8cad5
- RGB
- rgb(248 202 213)
- HSL
- hsl(346 77% 88%)
- HWB
- hwb(346 79% 3%)
- OKLCH
- oklch(0.882 0.054 2.2)
- OKLab
- oklab(0.882 0.054 0.002)
- CIE Lab
- lab(85.63 18.03 0.99)
- LCH
- lch(85.63 18.06 3.2)
- CMYK
- cmyk(0% 19% 14% 3%)
Tinte · Ombre · Toni
Tinte
- F9CFD9
- FAD5DD
- FBDAE1
- FCDFE6
- FCE4EA
- FDEAEE
- FEEFF2
- FEF4F6
- FFFAFB
Ombre
- D8AFB9
- B8959E
- 9A7C83
- 7C646A
- 604D51
- 45373A
- 2C2224
- 150F10
- 030202
Toni
- ECC2CC
- DFBBC3
- D3B3BB
- C7ACB2
- BBA4AA
- AF9DA1
- A39699
- 978E90
- 8C8788
Armonie di colore
Complementare +180°
- F8CAD5
Palace Rose
- B2E4DB
≈ Aquatic Mist
Analogo -30° +30°
- F8CAD5
Palace Rose
- EECCE8
≈ Poodle Pink
- FACCC2
≈ Full Bloom
Triadico +120° +240°
- F8CAD5
Palace Rose
- D2DEB7
≈ Spring Glow
- BADDF9
≈ Arctic Paradise
Complementare divisa +150° +210°
- F8CAD5
Palace Rose
- BFE3C7
≈ Sugar Mint
- B0E2ED
≈ Crystal River
Tetradico +90° +180° +270°
- F8CAD5
Palace Rose
- E5D8B0
≈ Honey Mist
- B2E4DB
≈ Aquatic Mist
- CBD7FD
≈ Pale Phthalo Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.40:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--palace-rose: #f8cad5;
--palace-rose-rgb: 248 202 213;
--palace-rose-oklch: oklch(0.882 0.054 2.2);
}
.element {
color: var(--palace-rose);
background-color: hsl(346 77% 88%);
border-color: oklch(0.882 0.054 2.2);
}Tailwind CSS v4
@theme {
--color-palace-rose: #f8cad5;
--color-palace-rose-50: #ffeff3;
--color-palace-rose-100: #f9e1e6;
--color-palace-rose-200: #eacbd1;
--color-palace-rose-300: #d1acb4;
--color-palace-rose-400: #bb929c;
--color-palace-rose-500: #a57783;
--color-palace-rose-600: #8c656f;
--color-palace-rose-700: #705159;
--color-palace-rose-800: #523b41;
--color-palace-rose-900: #39282d;
--color-palace-rose-950: #24161a;
}SCSS
$palace-rose: #f8cad5;
$palace-rose-rgb: 248, 202, 213;
$palace-rose-light: mix(#fff, $palace-rose, 20%);
$palace-rose-dark: mix(#000, $palace-rose, 20%);
.element {
color: $palace-rose;
box-shadow: 0 0 0 2px rgba($palace-rose, 0.35);
}