Colore con nome · #FFD1AF
Papaya Whip
Papaya Whip è #FFD1AF: rgb(255 209 175), hsl(25 100% 84%), oklch(0.892 0.069 58.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Papaya Whip color name →
#FFD1AF
oklch(0.892 0.069 58.2)
Conversioni di colore
- HEX
- #ffd1af
- RGB
- rgb(255 209 175)
- HSL
- hsl(25 100% 84%)
- HWB
- hwb(25 69% 0%)
- OKLCH
- oklch(0.892 0.069 58.2)
- OKLab
- oklab(0.892 0.036 0.058)
- CIE Lab
- lab(87.27 13.25 23.34)
- LCH
- lch(87.27 26.84 60.4)
- CMYK
- cmyk(0% 18% 31% 0%)
Tinte · Ombre · Toni
Tinte
- FFD6B7
- FFDABF
- FFDFC7
- FFE4CF
- FFE8D7
- FFEDDF
- FFF1E7
- FFF6EF
- FFFAF7
Ombre
- DEB598
- BE9B81
- 9E816B
- 806856
- 635041
- 48392E
- 2E231C
- 16100B
- 030201
Toni
- F2C9AA
- E5C0A6
- D8B8A1
- CBB09C
- BEA898
- B1A093
- A5988E
- 98908A
- 8C8885
Armonie di colore
Complementare +180°
- FFD1AF
Papaya Whip
- B7E2FF
≈ Dithered Sky
Analogo -30° +30°
- FFD1AF
Papaya Whip
- FFCEC7
≈ Aromatic Breeze
- EEDAA8
≈ Bleached Bone
Triadico +120° +240°
- FFD1AF
Papaya Whip
- AAEBDB
≈ Oasis Stream
- E0D3FF
≈ Pale Lavender
Complementare divisa +150° +210°
- FFD1AF
Papaya Whip
- A5E9F3
≈ Uranus
- CDDBFF
≈ Arc Light
Tetradico +90° +180° +270°
- FFD1AF
Papaya Whip
- BDE9C2
≈ Slime Lime
- B7E2FF
≈ Dithered Sky
- F5CCF3
≈ Kissed by Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASu nero
WCAG 14.99:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--papaya-whip: #ffd1af;
--papaya-whip-rgb: 255 209 175;
--papaya-whip-oklch: oklch(0.892 0.069 58.2);
}
.element {
color: var(--papaya-whip);
background-color: hsl(25 100% 84%);
border-color: oklch(0.892 0.069 58.2);
}Tailwind CSS v4
@theme {
--color-papaya-whip: #ffd1af;
--color-papaya-whip-50: #fff1e2;
--color-papaya-whip-100: #fae3d1;
--color-papaya-whip-200: #ebceb7;
--color-papaya-whip-300: #d2b094;
--color-papaya-whip-400: #be9576;
--color-papaya-whip-500: #a97b58;
--color-papaya-whip-600: #8f684b;
--color-papaya-whip-700: #72533b;
--color-papaya-whip-800: #553c2b;
--color-papaya-whip-900: #3b291d;
--color-papaya-whip-950: #25170d;
}SCSS
$papaya-whip: #ffd1af;
$papaya-whip-rgb: 255, 209, 175;
$papaya-whip-light: mix(#fff, $papaya-whip, 20%);
$papaya-whip-dark: mix(#000, $papaya-whip, 20%);
.element {
color: $papaya-whip;
box-shadow: 0 0 0 2px rgba($papaya-whip, 0.35);
}