Colore con nome più vicino · #FBE4E3
#FBE4E3
Colore con nome più vicino: Tutu
#FBE4E3 (rgb(251 228 227), hsl(3 75% 94%), oklch(0.937 0.025 20.6)) è più vicino al colore con nome Tutu. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FBE4E3
oklch(0.937 0.025 20.6)
Conversioni di colore
- HEX
- #fbe4e3
- RGB
- rgb(251 228 227)
- HSL
- hsl(3 75% 94%)
- HWB
- hwb(3 89% 2%)
- OKLCH
- oklch(0.937 0.025 20.6)
- OKLab
- oklab(0.937 0.024 0.009)
- CIE Lab
- lab(92.46 8.01 3.5)
- LCH
- lch(92.46 8.74 23.6)
- CMYK
- cmyk(0% 9% 10% 2%)
Tinte · Ombre · Toni
Tinte
- FBE7E6
- FCE9E9
- FCECEB
- FDEFEE
- FDF1F1
- FEF4F4
- FEF7F7
- FEFAF9
- FFFCFC
Ombre
- DAC6C5
- BAA9A8
- 9C8D8C
- 7E7271
- 615857
- 463F3F
- 2D2827
- 151212
- 030303
Toni
- EEDAD9
- E1CFCE
- D5C5C4
- C8BBBA
- BCB1B0
- AFA7A6
- A39D9D
- 979393
- 8C8A89
Armonie di colore
Complementare +180°
- FBE4E3
Tutu
- D8F0F1
≈ Let It Snow
Analogo -30° +30°
- FBE4E3
Tutu
- F9E4EC
≈ Pink Tutu
- F9E6DB
≈ White Peach
Triadico +120° +240°
- FBE4E3
Tutu
- E2EFDF
≈ Mint Grasshopper
- E1EBFC
≈ Husky
Complementare divisa +150° +210°
- FBE4E3
Tutu
- DAF0E8
≈ Banshee
- DAEEF8
≈ Ice Fishing
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.30:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--tutu: #fbe4e3;
--tutu-rgb: 251 228 227;
--tutu-oklch: oklch(0.937 0.025 20.6);
}
.element {
color: var(--tutu);
background-color: hsl(3 75% 94%);
border-color: oklch(0.937 0.025 20.6);
}Tailwind CSS v4
@theme {
--color-tutu: #fbe4e3;
--color-tutu-50: #fcf2f2;
--color-tutu-100: #f0e5e4;
--color-tutu-200: #dfd0cf;
--color-tutu-300: #c4b3b1;
--color-tutu-400: #ad9998;
--color-tutu-500: #96807f;
--color-tutu-600: #7f6c6c;
--color-tutu-700: #665756;
--color-tutu-800: #4b3f3f;
--color-tutu-900: #342b2b;
--color-tutu-950: #1f1919;
}SCSS
$tutu: #fbe4e3;
$tutu-rgb: 251, 228, 227;
$tutu-light: mix(#fff, $tutu, 20%);
$tutu-dark: mix(#000, $tutu, 20%);
.element {
color: $tutu;
box-shadow: 0 0 0 2px rgba($tutu, 0.35);
}