Colore con nome · #F3D7B6
Pink Lady
Pink Lady è #F3D7B6: rgb(243 215 182), hsl(32 72% 83%), oklch(0.894 0.054 71.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pink Lady color name →
#F3D7B6
oklch(0.894 0.054 71.6)
Conversioni di colore
- HEX
- #f3d7b6
- RGB
- rgb(243 215 182)
- HSL
- hsl(32 72% 83%)
- HWB
- hwb(32 71% 5%)
- OKLCH
- oklch(0.894 0.054 71.6)
- OKLab
- oklab(0.894 0.017 0.051)
- CIE Lab
- lab(87.72 6.41 20.1)
- LCH
- lch(87.72 21.1 72.3)
- CMYK
- cmyk(0% 12% 25% 5%)
Tinte · Ombre · Toni
Tinte
- F4DBBD
- F6DFC5
- F7E3CC
- F8E7D3
- F9EBDB
- FAEFE2
- FCF3E9
- FDF7F0
- FEFBF8
Ombre
- D3BB9E
- B49F86
- 97856F
- 7A6B59
- 5E5244
- 443B30
- 2B251D
- 14110C
- 030202
Toni
- E7CEB1
- DBC5AB
- CFBCA6
- C4B3A0
- B8AB9B
- ADA296
- A19990
- 96918B
- 8B8885
Armonie di colore
Complementare +180°
- F3D7B6
Pink Lady
- C3DFFF
≈ Dithered Sky
Analogo -30° +30°
- F3D7B6
Pink Lady
- FCD1C1
≈ Petal Soft
- E3DEB5
≈ Tropical Tale
Triadico +120° +240°
- F3D7B6
Pink Lady
- B4E8E5
≈ Tahitian Breeze
- E8D3F7
≈ Lavender Princess
Complementare divisa +150° +210°
- F3D7B6
Pink Lady
- B6E5F6
≈ Breaking the Ice
- D6D9FF
≈ Icy Plains
Tetradico +90° +180° +270°
- F3D7B6
Pink Lady
- BEE8D1
≈ Maypole
- C3DFFF
≈ Dithered Sky
- F6CFE6
≈ Sparkling Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.20:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-lady: #f3d7b6;
--pink-lady-rgb: 243 215 182;
--pink-lady-oklch: oklch(0.894 0.054 71.6);
}
.element {
color: var(--pink-lady);
background-color: hsl(32 72% 83%);
border-color: oklch(0.894 0.054 71.6);
}Tailwind CSS v4
@theme {
--color-pink-lady: #f3d7b6;
--color-pink-lady-50: #fff3e5;
--color-pink-lady-100: #f3e6d5;
--color-pink-lady-200: #e3d1bc;
--color-pink-lady-300: #c8b49a;
--color-pink-lady-400: #b39a7c;
--color-pink-lady-500: #9d815f;
--color-pink-lady-600: #856d51;
--color-pink-lady-700: #6a5740;
--color-pink-lady-800: #4f3f2e;
--color-pink-lady-900: #372c1f;
--color-pink-lady-950: #22190f;
}SCSS
$pink-lady: #f3d7b6;
$pink-lady-rgb: 243, 215, 182;
$pink-lady-light: mix(#fff, $pink-lady, 20%);
$pink-lady-dark: mix(#000, $pink-lady, 20%);
.element {
color: $pink-lady;
box-shadow: 0 0 0 2px rgba($pink-lady, 0.35);
}