Colore con nome · #FCC9C7
Sunday Best
Sunday Best è #FCC9C7: rgb(252 201 199), hsl(2 90% 88%), oklch(0.88 0.058 20.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sunday Best color name →
#FCC9C7
oklch(0.88 0.058 20.9)
Conversioni di colore
- HEX
- #fcc9c7
- RGB
- rgb(252 201 199)
- HSL
- hsl(2 90% 88%)
- HWB
- hwb(2 78% 1%)
- OKLCH
- oklch(0.88 0.058 20.9)
- OKLab
- oklab(0.88 0.054 0.021)
- CIE Lab
- lab(85.5 18.44 8.26)
- LCH
- lch(85.5 20.2 24.1)
- CMYK
- cmyk(0% 20% 21% 1%)
Tinte · Ombre · Toni
Tinte
- FDCECD
- FDD4D2
- FED9D8
- FEDFDD
- FEE4E3
- FFE9E8
- FFEFEE
- FFF4F4
- FFFAF9
Ombre
- DBAEAD
- BB9593
- 9C7C7A
- 7E6462
- 624C4C
- 473636
- 2D2221
- 160F0E
- 030202
Toni
- EFC2C0
- E2BAB8
- D6B3B1
- C9ABAA
- BDA4A3
- B09D9C
- A49595
- 988E8E
- 8C8787
Armonie di colore
Complementare +180°
- FCC9C7
Sunday Best
- AAE4E7
≈ Timeless Seafoam
Analogo -30° +30°
- FCC9C7
Sunday Best
- F7C8DC
≈ Laelia Pink
- F8CDB5
≈ Biscuit Cream
Triadico +120° +240°
- FCC9C7
Sunday Best
- C3E2BE
≈ Ambrosia
- C2D9FF
≈ Broad Daylight
Complementare divisa +150° +210°
- FCC9C7
Sunday Best
- B2E5D2
≈ Crystal Rapids
- B1DFF7
≈ Fairy Sparkles
Tetradico +90° +180° +270°
- FCC9C7
Sunday Best
- D9DCB0
≈ Spring Thyme
- AAE4E7
≈ Timeless Seafoam
- D7D1FC
≈ Pale Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.31:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--sunday-best: #fcc9c7;
--sunday-best-rgb: 252 201 199;
--sunday-best-oklch: oklch(0.88 0.058 20.9);
}
.element {
color: var(--sunday-best);
background-color: hsl(2 90% 88%);
border-color: oklch(0.88 0.058 20.9);
}Tailwind CSS v4
@theme {
--color-sunday-best: #fcc9c7;
--color-sunday-best-50: #ffefed;
--color-sunday-best-100: #fbe1df;
--color-sunday-best-200: #eccbc9;
--color-sunday-best-300: #d4acaa;
--color-sunday-best-400: #bf9190;
--color-sunday-best-500: #aa7775;
--color-sunday-best-600: #8f6564;
--color-sunday-best-700: #73514f;
--color-sunday-best-800: #553a3a;
--color-sunday-best-900: #3b2828;
--color-sunday-best-950: #251616;
}SCSS
$sunday-best: #fcc9c7;
$sunday-best-rgb: 252, 201, 199;
$sunday-best-light: mix(#fff, $sunday-best, 20%);
$sunday-best-dark: mix(#000, $sunday-best, 20%);
.element {
color: $sunday-best;
box-shadow: 0 0 0 2px rgba($sunday-best, 0.35);
}