Colore con nome · #FFE0F5
Fairy Salt
Fairy Salt è #FFE0F5: rgb(255 224 245), hsl(319 100% 94%), oklch(0.938 0.044 337.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fairy Salt color name →
#FFE0F5
oklch(0.938 0.044 337.7)
Conversioni di colore
- HEX
- #ffe0f5
- RGB
- rgb(255 224 245)
- HSL
- hsl(319 100% 94%)
- HWB
- hwb(319 88% 0%)
- OKLCH
- oklch(0.938 0.044 337.7)
- OKLab
- oklab(0.938 0.04 -0.017)
- CIE Lab
- lab(92.23 13.61 -6.12)
- LCH
- lch(92.23 14.93 335.8)
- CMYK
- cmyk(0% 12% 4% 0%)
Tinte · Ombre · Toni
Tinte
- FFE3F6
- FFE6F7
- FFE9F8
- FFECF9
- FFF0FA
- FFF3FB
- FFF6FC
- FFF9FD
- FFFCFE
Ombre
- DEC3D5
- BEA6B6
- 9E8A98
- 80707B
- 63565F
- 483E44
- 2E272B
- 161215
- 030203
Toni
- F2D6E9
- E4CCDD
- D7C2D0
- CAB9C5
- BEAFB9
- B1A5AD
- A59CA2
- 989296
- 8C898B
Armonie di colore
Complementare +180°
- FFE0F5
Fairy Salt
- D4F4DF
≈ Fennel Tea
Analogo -30° +30°
- FFE0F5
Fairy Salt
- F1E4FF
≈ Minute Mauve
- FFE2E6
≈ Pink Pleasure
Triadico +120° +240°
- FFE0F5
Fairy Salt
- F2EBCB
≈ Pacific Sand
- CBF2FE
≈ Heaven’s Gate
Complementare divisa +150° +210°
- FFE0F5
Fairy Salt
- E2F1D2
≈ Light Greenette
- CBF5F0
≈ Tinted Ice
Tetradico +90° +180° +270°
- FFE0F5
Fairy Salt
- FFE6CC
≈ Sinner’s City
- D4F4DF
≈ Fennel Tea
- DBEDFF
≈ Calcareous Sinter
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.23:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--fairy-salt: #ffe0f5;
--fairy-salt-rgb: 255 224 245;
--fairy-salt-oklch: oklch(0.938 0.044 337.7);
}
.element {
color: var(--fairy-salt);
background-color: hsl(319 100% 94%);
border-color: oklch(0.938 0.044 337.7);
}Tailwind CSS v4
@theme {
--color-fairy-salt: #ffe0f5;
--color-fairy-salt-50: #fef1f9;
--color-fairy-salt-100: #f3e3ec;
--color-fairy-salt-200: #e2cdda;
--color-fairy-salt-300: #c7afbf;
--color-fairy-salt-400: #b095a8;
--color-fairy-salt-500: #9a7b90;
--color-fairy-salt-600: #82697a;
--color-fairy-salt-700: #685462;
--color-fairy-salt-800: #4c3d48;
--color-fairy-salt-900: #352a32;
--color-fairy-salt-950: #20171e;
}SCSS
$fairy-salt: #ffe0f5;
$fairy-salt-rgb: 255, 224, 245;
$fairy-salt-light: mix(#fff, $fairy-salt, 20%);
$fairy-salt-dark: mix(#000, $fairy-salt, 20%);
.element {
color: $fairy-salt;
box-shadow: 0 0 0 2px rgba($fairy-salt, 0.35);
}