Warna bernama · #FCC9C7
Sunday Best
Sunday Best adalah #FCC9C7: rgb(252 201 199), hsl(2 90% 88%), oklch(0.88 0.058 20.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Sunday Best color name →
#FCC9C7
oklch(0.88 0.058 20.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FDCECD
- FDD4D2
- FED9D8
- FEDFDD
- FEE4E3
- FFE9E8
- FFEFEE
- FFF4F4
- FFFAF9
Shade
- DBAEAD
- BB9593
- 9C7C7A
- 7E6462
- 624C4C
- 473636
- 2D2221
- 160F0E
- 030202
Tone
- EFC2C0
- E2BAB8
- D6B3B1
- C9ABAA
- BDA4A3
- B09D9C
- A49595
- 988E8E
- 8C8787
Harmoni warna
Komplementer +180°
- FCC9C7
Sunday Best
- AAE4E7
≈ Timeless Seafoam
Analog -30° +30°
- FCC9C7
Sunday Best
- F7C8DC
≈ Laelia Pink
- F8CDB5
≈ Biscuit Cream
Triadik +120° +240°
- FCC9C7
Sunday Best
- C3E2BE
≈ Ambrosia
- C2D9FF
≈ Broad Daylight
Split-komplementer +150° +210°
- FCC9C7
Sunday Best
- B2E5D2
≈ Crystal Rapids
- B1DFF7
≈ Fairy Sparkles
Tetradik +90° +180° +270°
- FCC9C7
Sunday Best
- D9DCB0
≈ Spring Thyme
- AAE4E7
≈ Timeless Seafoam
- D7D1FC
≈ Pale Lavender
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.46:1 · APCA Lc 22
Ag
AAADi atas hitam
WCAG 14.31:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
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);
}