Colore con nome · #FAD0D1
Fading Rose
Fading Rose è #FAD0D1: rgb(250 208 209), hsl(359 81% 90%), oklch(0.894 0.047 16.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fading Rose color name →
#FAD0D1
oklch(0.894 0.047 16.5)
Conversioni di colore
- HEX
- #fad0d1
- RGB
- rgb(250 208 209)
- HSL
- hsl(359 81% 90%)
- HWB
- hwb(359 82% 2%)
- OKLCH
- oklch(0.894 0.047 16.5)
- OKLab
- oklab(0.894 0.045 0.013)
- CIE Lab
- lab(87.17 15.33 5.33)
- LCH
- lch(87.17 16.23 19.2)
- CMYK
- cmyk(0% 17% 16% 2%)
Tinte · Ombre · Toni
Tinte
- FBD5D6
- FBD9DA
- FCDEDF
- FDE3E3
- FDE7E8
- FEECEC
- FEF1F1
- FEF6F6
- FFFAFA
Ombre
- D9B5B5
- BA9A9B
- 9B8081
- 7D6768
- 614F50
- 463939
- 2D2323
- 151010
- 030202
Toni
- EDC8C9
- E1C0C0
- D4B7B8
- C8AFB0
- BCA7A8
- AF9FA0
- A39798
- 979090
- 8C8888
Armonie di colore
Complementare +180°
- FAD0D1
Fading Rose
- B8E6E6
≈ Refreshing Pool
Analogo -30° +30°
- FAD0D1
Fading Rose
- F5D0E2
≈ Minimal Rose
- F8D3C2
≈ Demure Pink
Triadico +120° +240°
- FAD0D1
Fading Rose
- CEE4C5
≈ Irish Folklore
- C8DEFC
≈ Arc Light
Complementare divisa +150° +210°
- FAD0D1
Fading Rose
- BFE7D5
≈ Aero Blue
- BCE3F4
≈ Breaking the Ice
Tetradico +90° +180° +270°
- FAD0D1
Fading Rose
- DFDFBB
≈ Forest Found
- B8E6E6
≈ Refreshing Pool
- D9D8FB
≈ Japan Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.00:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--fading-rose: #fad0d1;
--fading-rose-rgb: 250 208 209;
--fading-rose-oklch: oklch(0.894 0.047 16.5);
}
.element {
color: var(--fading-rose);
background-color: hsl(359 81% 90%);
border-color: oklch(0.894 0.047 16.5);
}Tailwind CSS v4
@theme {
--color-fading-rose: #fad0d1;
--color-fading-rose-50: #fff0f0;
--color-fading-rose-100: #f8e2e2;
--color-fading-rose-200: #e8cdcc;
--color-fading-rose-300: #cfaeae;
--color-fading-rose-400: #b99495;
--color-fading-rose-500: #a37a7b;
--color-fading-rose-600: #8a6768;
--color-fading-rose-700: #6f5253;
--color-fading-rose-800: #523c3d;
--color-fading-rose-900: #39292a;
--color-fading-rose-950: #231718;
}SCSS
$fading-rose: #fad0d1;
$fading-rose-rgb: 250, 208, 209;
$fading-rose-light: mix(#fff, $fading-rose, 20%);
$fading-rose-dark: mix(#000, $fading-rose, 20%);
.element {
color: $fading-rose;
box-shadow: 0 0 0 2px rgba($fading-rose, 0.35);
}