Colore con nome più vicino · #F3CFCC
#F3CFCC
Colore con nome più vicino: Fairy Floss
#F3CFCC (rgb(243 207 204), hsl(5 62% 88%), oklch(0.884 0.041 23.6)) è più vicino al colore con nome Fairy Floss. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F3CFCC
oklch(0.884 0.041 23.6)
Conversioni di colore
- HEX
- #f3cfcc
- RGB
- rgb(243 207 204)
- HSL
- hsl(5 62% 88%)
- HWB
- hwb(5 80% 5%)
- OKLCH
- oklch(0.884 0.041 23.6)
- OKLab
- oklab(0.884 0.037 0.016)
- CIE Lab
- lab(86.17 12.69 6.44)
- LCH
- lch(86.17 14.23 26.9)
- CMYK
- cmyk(0% 15% 16% 5%)
Tinte · Ombre · Toni
Tinte
- F4D4D1
- F6D9D6
- F7DDDB
- F8E2E0
- F9E7E5
- FBECEA
- FCF1F0
- FDF5F5
- FEFAFA
Ombre
- D3B4B1
- B49997
- 977F7E
- 7A6765
- 5E4F4E
- 443837
- 2B2322
- 14100F
- 030202
Toni
- E7C7C4
- DBBFBC
- CFB7B5
- C4AFAD
- B8A7A5
- AD9F9E
- A19796
- 968F8F
- 8B8887
Armonie di colore
Complementare +180°
- F3CFCC
Fairy Floss
- BAE1E5
≈ Forever
Analogo -30° +30°
- F3CFCC
Fairy Floss
- F0CEDB
≈ Berry Butter
- EFD2C0
≈ Blushing
Triadico +120° +240°
- F3CFCC
Fairy Floss
- CAE0C8
≈ Spring Burst
- CBD9F5
≈ Fly a Kite
Complementare divisa +150° +210°
- F3CFCC
Fairy Floss
- BEE2D6
≈ Serendipity
- BFDEF0
≈ Tropical Pool
Tetradico +90° +180° +270°
- F3CFCC
Fairy Floss
- D8DCBE
≈ Apple Cucumber
- BAE1E5
≈ Forever
- DAD4F2
≈ Japan Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.60:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--fairy-floss: #f3cfcc;
--fairy-floss-rgb: 243 207 204;
--fairy-floss-oklch: oklch(0.884 0.041 23.6);
}
.element {
color: var(--fairy-floss);
background-color: hsl(5 62% 88%);
border-color: oklch(0.884 0.041 23.6);
}Tailwind CSS v4
@theme {
--color-fairy-floss: #f3cfcc;
--color-fairy-floss-50: #fff1ef;
--color-fairy-floss-100: #f5e3e1;
--color-fairy-floss-200: #e5cecb;
--color-fairy-floss-300: #ccb0ad;
--color-fairy-floss-400: #b69693;
--color-fairy-floss-500: #a07c79;
--color-fairy-floss-600: #876967;
--color-fairy-floss-700: #6c5452;
--color-fairy-floss-800: #503d3c;
--color-fairy-floss-900: #382a29;
--color-fairy-floss-950: #221717;
}SCSS
$fairy-floss: #f3cfcc;
$fairy-floss-rgb: 243, 207, 204;
$fairy-floss-light: mix(#fff, $fairy-floss, 20%);
$fairy-floss-dark: mix(#000, $fairy-floss, 20%);
.element {
color: $fairy-floss;
box-shadow: 0 0 0 2px rgba($fairy-floss, 0.35);
}