Colore con nome · #F3C8C2
Sonia Rose
Sonia Rose è #F3C8C2: rgb(243 200 194), hsl(7 67% 86%), oklch(0.868 0.05 27.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sonia Rose color name →
#F3C8C2
oklch(0.868 0.05 27.4)
Conversioni di colore
- HEX
- #f3c8c2
- RGB
- rgb(243 200 194)
- HSL
- hsl(7 67% 86%)
- HWB
- hwb(7 76% 5%)
- OKLCH
- oklch(0.868 0.05 27.4)
- OKLab
- oklab(0.868 0.044 0.023)
- CIE Lab
- lab(84.29 15.05 9.04)
- LCH
- lch(84.29 17.56 31)
- CMYK
- cmyk(0% 18% 20% 5%)
Tinte · Ombre · Toni
Tinte
- F4CDC8
- F6D3CE
- F7D8D4
- F8DEDA
- FAE3E0
- FBE9E6
- FCEEEC
- FDF4F3
- FEF9F9
Ombre
- D3AEA8
- B4948F
- 977B77
- 7A6360
- 5E4C49
- 443634
- 2B2120
- 140F0E
- 030202
Toni
- E7C1BB
- DBB9B4
- CFB2AE
- C4ABA7
- B8A3A0
- AD9C9A
- A19593
- 968E8D
- 8B8786
Armonie di colore
Complementare +180°
- F3C8C2
Sonia Rose
- AEDEE5
≈ Sky Cloud
Analogo -30° +30°
- F3C8C2
Sonia Rose
- F0C7D4
≈ Lily Legs
- EECCB4
≈ Cashew Nut
Triadico +120° +240°
- F3C8C2
Sonia Rose
- BFDDC1
≈ Soft Grass
- C5D3F6
≈ Frozen Periwinkle
Complementare divisa +150° +210°
- F3C8C2
Sonia Rose
- B2DFD3
≈ Jaded Clouds
- B6D9F1
≈ Blue Rice
Tetradico +90° +180° +270°
- F3C8C2
Sonia Rose
- D1D9B4
≈ Prairie Willow
- AEDEE5
≈ Sky Cloud
- D7CDF1
≈ Plum’s the Word
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.85:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--sonia-rose: #f3c8c2;
--sonia-rose-rgb: 243 200 194;
--sonia-rose-oklch: oklch(0.868 0.05 27.4);
}
.element {
color: var(--sonia-rose);
background-color: hsl(7 67% 86%);
border-color: oklch(0.868 0.05 27.4);
}Tailwind CSS v4
@theme {
--color-sonia-rose: #f3c8c2;
--color-sonia-rose-50: #fff0ed;
--color-sonia-rose-100: #f8e2de;
--color-sonia-rose-200: #e9cdc8;
--color-sonia-rose-300: #d0aea9;
--color-sonia-rose-400: #ba948e;
--color-sonia-rose-500: #a57a74;
--color-sonia-rose-600: #8b6762;
--color-sonia-rose-700: #70534f;
--color-sonia-rose-800: #523c3a;
--color-sonia-rose-900: #392927;
--color-sonia-rose-950: #241716;
}SCSS
$sonia-rose: #f3c8c2;
$sonia-rose-rgb: 243, 200, 194;
$sonia-rose-light: mix(#fff, $sonia-rose, 20%);
$sonia-rose-dark: mix(#000, $sonia-rose, 20%);
.element {
color: $sonia-rose;
box-shadow: 0 0 0 2px rgba($sonia-rose, 0.35);
}