Cor nomeada · #FFD1AF
Papaya Whip
Papaya Whip é #FFD1AF: rgb(255 209 175), hsl(25 100% 84%), oklch(0.892 0.069 58.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Papaya Whip color name →
#FFD1AF
oklch(0.892 0.069 58.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FFD6B7
- FFDABF
- FFDFC7
- FFE4CF
- FFE8D7
- FFEDDF
- FFF1E7
- FFF6EF
- FFFAF7
Sombras
- DEB598
- BE9B81
- 9E816B
- 806856
- 635041
- 48392E
- 2E231C
- 16100B
- 030201
Tons
- F2C9AA
- E5C0A6
- D8B8A1
- CBB09C
- BEA898
- B1A093
- A5988E
- 98908A
- 8C8885
Harmonias de cor
Complementar +180°
- FFD1AF
Papaya Whip
- B7E2FF
≈ Dithered Sky
Análoga -30° +30°
- FFD1AF
Papaya Whip
- FFCEC7
≈ Aromatic Breeze
- EEDAA8
≈ Bleached Bone
Tríade +120° +240°
- FFD1AF
Papaya Whip
- AAEBDB
≈ Oasis Stream
- E0D3FF
≈ Pale Lavender
Complementar dividida +150° +210°
- FFD1AF
Papaya Whip
- A5E9F3
≈ Uranus
- CDDBFF
≈ Arc Light
Tétrade +90° +180° +270°
- FFD1AF
Papaya Whip
- BDE9C2
≈ Slime Lime
- B7E2FF
≈ Dithered Sky
- F5CCF3
≈ Kissed by Mist
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 14.99:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
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);
}