Colore con nome · #FCC0A6
Sweet Apricot
Sweet Apricot è #FCC0A6: rgb(252 192 166), hsl(18 93% 82%), oklch(0.856 0.078 44.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sweet Apricot color name →
#FCC0A6
oklch(0.856 0.078 44.5)
Conversioni di colore
- HEX
- #fcc0a6
- RGB
- rgb(252 192 166)
- HSL
- hsl(18 93% 82%)
- HWB
- hwb(18 65% 1%)
- OKLCH
- oklch(0.856 0.078 44.5)
- OKLab
- oklab(0.856 0.056 0.055)
- CIE Lab
- lab(82.78 19.7 21.92)
- LCH
- lch(82.78 29.47 48.1)
- CMYK
- cmyk(0% 24% 34% 1%)
Tinte · Ombre · Toni
Tinte
- FDC6AF
- FDCDB8
- FED3C1
- FED9C9
- FFE0D2
- FFE6DB
- FFECE4
- FFF2ED
- FFF9F6
Ombre
- DBA790
- BB8E7A
- 9C7665
- 7E5F51
- 62493E
- 47342B
- 2D201A
- 160E0A
- 030201
Toni
- EFBAA2
- E3B39F
- D6AD9B
- C9A697
- BDA093
- B19990
- A4938C
- 988D88
- 8C8684
Armonie di colore
Complementare +180°
- FCC0A6
Sweet Apricot
- 97DBF6
≈ Shiva Blue
Analogo -30° +30°
- FCC0A6
Sweet Apricot
- FEBBC0
≈ A Lot of Love
- EEC997
≈ Pumpkin Pie Oh My!
Triadico +120° +240°
- FCC0A6
Sweet Apricot
- 9FE0C2
≈ Reef Green
- C9CAFF
≈ Lavender Blue
Complementare divisa +150° +210°
- FCC0A6
Sweet Apricot
- 91E0DF
≈ Aqua Fiesta
- B0D3FF
≈ Ice Cold Stare
Tetradico +90° +180° +270°
- FCC0A6
Sweet Apricot
- BADCA8
≈ Embroidered Silk
- 97DBF6
≈ Shiva Blue
- E3C1F4
≈ Beefy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.22:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-apricot: #fcc0a6;
--sweet-apricot-rgb: 252 192 166;
--sweet-apricot-oklch: oklch(0.856 0.078 44.5);
}
.element {
color: var(--sweet-apricot);
background-color: hsl(18 93% 82%);
border-color: oklch(0.856 0.078 44.5);
}Tailwind CSS v4
@theme {
--color-sweet-apricot: #fcc0a6;
--color-sweet-apricot-50: #ffefe3;
--color-sweet-apricot-100: #ffe1d2;
--color-sweet-apricot-200: #f2cbb9;
--color-sweet-apricot-300: #daac96;
--color-sweet-apricot-400: #c69079;
--color-sweet-apricot-500: #b2755b;
--color-sweet-apricot-600: #96634d;
--color-sweet-apricot-700: #784f3d;
--color-sweet-apricot-800: #59392c;
--color-sweet-apricot-900: #3f271e;
--color-sweet-apricot-950: #28150e;
}SCSS
$sweet-apricot: #fcc0a6;
$sweet-apricot-rgb: 252, 192, 166;
$sweet-apricot-light: mix(#fff, $sweet-apricot, 20%);
$sweet-apricot-dark: mix(#000, $sweet-apricot, 20%);
.element {
color: $sweet-apricot;
box-shadow: 0 0 0 2px rgba($sweet-apricot, 0.35);
}