Colore con nome · #F0D6DD
Pineberry
Pineberry è #F0D6DD: rgb(240 214 221), hsl(344 46% 89%), oklch(0.899 0.03 359.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pineberry color name →
#F0D6DD
oklch(0.899 0.03 359.6)
Conversioni di colore
- HEX
- #f0d6dd
- RGB
- rgb(240 214 221)
- HSL
- hsl(344 46% 89%)
- HWB
- hwb(344 84% 6%)
- OKLCH
- oklch(0.899 0.03 359.6)
- OKLab
- oklab(0.899 0.03 0)
- CIE Lab
- lab(87.96 10.17 0.01)
- LCH
- lch(87.96 10.17 0.1)
- CMYK
- cmyk(0% 11% 8% 6%)
Tinte · Ombre · Toni
Tinte
- F2DAE0
- F3DEE4
- F5E2E7
- F6E6EA
- F8EAEE
- F9EFF1
- FBF3F5
- FCF7F8
- FEFBFC
Ombre
- D1BAC0
- B29EA4
- 958488
- 786A6E
- 5D5255
- 433B3D
- 2A2526
- 141011
- 030202
Toni
- E4CDD3
- D9C4CA
- CDBBC0
- C2B3B7
- B7AAAD
- ABA1A4
- A0999B
- 959192
- 8B8889
Armonie di colore
Complementare +180°
- F0D6DD
Pineberry
- C9E5DE
≈ Moonlight Jade
Analogo -30° +30°
- F0D6DD
Pineberry
- EAD7E8
≈ Pale Grey Magenta
- F1D7D2
≈ Global Warming
Triadico +120° +240°
- F0D6DD
Pineberry
- DBE1CB
≈ Frozen Margarita
- CDE1F0
≈ Cold Turbulence
Complementare divisa +150° +210°
- F0D6DD
Pineberry
- D1E4D3
≈ Peppermint Patty
- C8E4E9
≈ Ice Age
Tetradico +90° +180° +270°
- F0D6DD
Pineberry
- E6DDC8
≈ Lime Chalk
- C9E5DE
≈ Moonlight Jade
- D6DDF3
≈ Puffy Cloud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.36:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.36:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--pineberry: #f0d6dd;
--pineberry-rgb: 240 214 221;
--pineberry-oklch: oklch(0.899 0.03 359.6);
}
.element {
color: var(--pineberry);
background-color: hsl(344 46% 89%);
border-color: oklch(0.899 0.03 359.6);
}Tailwind CSS v4
@theme {
--color-pineberry: #f0d6dd;
--color-pineberry-50: #fdf2f4;
--color-pineberry-100: #f1e4e7;
--color-pineberry-200: #e0cfd3;
--color-pineberry-300: #c6b1b6;
--color-pineberry-400: #ae979e;
--color-pineberry-500: #987e85;
--color-pineberry-600: #816b71;
--color-pineberry-700: #67555a;
--color-pineberry-800: #4c3e42;
--color-pineberry-900: #342b2e;
--color-pineberry-950: #20181b;
}SCSS
$pineberry: #f0d6dd;
$pineberry-rgb: 240, 214, 221;
$pineberry-light: mix(#fff, $pineberry, 20%);
$pineberry-dark: mix(#000, $pineberry, 20%);
.element {
color: $pineberry;
box-shadow: 0 0 0 2px rgba($pineberry, 0.35);
}