Colore con nome · #F5E3EA
Nina
Nina è #F5E3EA: rgb(245 227 234), hsl(337 47% 93%), oklch(0.932 0.022 351.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nina color name →
#F5E3EA
oklch(0.932 0.022 351.9)
Conversioni di colore
- HEX
- #f5e3ea
- RGB
- rgb(245 227 234)
- HSL
- hsl(337 47% 93%)
- HWB
- hwb(337 89% 4%)
- OKLCH
- oklch(0.932 0.022 351.9)
- OKLab
- oklab(0.932 0.021 -0.003)
- CIE Lab
- lab(91.85 7.23 -1.09)
- LCH
- lch(91.85 7.31 351.5)
- CMYK
- cmyk(0% 7% 4% 4%)
Tinte · Ombre · Toni
Tinte
- F6E6EC
- F7E9EE
- F8EBF0
- F9EEF2
- FAF1F4
- FBF4F7
- FCF7F9
- FDF9FB
- FEFCFD
Ombre
- D5C5CB
- B6A8AE
- 988C91
- 7B7175
- 5F575A
- 443F41
- 2B2729
- 151213
- 030303
Toni
- E9D9DF
- DDCED4
- D1C4C9
- C5BABE
- B9B0B4
- ADA6A9
- A29D9F
- 969394
- 8B898A
Armonie di colore
Complementare +180°
- F5E3EA
Nina
- DBEEE7
≈ Shattered Ice
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- F5E3EA
Nina
- E1EDDF
≈ Hill Giant
- D9EDEF
≈ Lakeside Mist
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.05:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--nina: #f5e3ea;
--nina-rgb: 245 227 234;
--nina-oklch: oklch(0.932 0.022 351.9);
}
.element {
color: var(--nina);
background-color: hsl(337 47% 93%);
border-color: oklch(0.932 0.022 351.9);
}Tailwind CSS v4
@theme {
--color-nina: #f5e3ea;
--color-nina-50: #fbf3f5;
--color-nina-100: #eee5e8;
--color-nina-200: #dcd1d5;
--color-nina-300: #c1b3b8;
--color-nina-400: #a999a0;
--color-nina-500: #928188;
--color-nina-600: #7c6d73;
--color-nina-700: #63575c;
--color-nina-800: #493f43;
--color-nina-900: #322c2f;
--color-nina-950: #1e191b;
}SCSS
$nina: #f5e3ea;
$nina-rgb: 245, 227, 234;
$nina-light: mix(#fff, $nina, 20%);
$nina-dark: mix(#000, $nina, 20%);
.element {
color: $nina;
box-shadow: 0 0 0 2px rgba($nina, 0.35);
}