Cor nomeada · #FDE2A0
Polka Dot Skirt
Polka Dot Skirt é #FDE2A0: rgb(253 226 160), hsl(43 96% 81%), oklch(0.92 0.089 88.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Polka Dot Skirt color name →
#FDE2A0
oklch(0.92 0.089 88.3)
Conversões de cor
- HEX
- #fde2a0
- RGB
- rgb(253 226 160)
- HSL
- hsl(43 96% 81%)
- HWB
- hwb(43 63% 1%)
- OKLCH
- oklch(0.92 0.089 88.3)
- OKLab
- oklab(0.92 0.003 0.089)
- CIE Lab
- lab(91.01 2.93 35.89)
- LCH
- lch(91.01 36 85.3)
- CMYK
- cmyk(0% 11% 37% 1%)
Tons claros · Sombras · Tons
Tons claros
- FDE5AA
- FDE8B4
- FEEBBE
- FEEEC7
- FEF1D1
- FEF4DA
- FEF7E3
- FFF9ED
- FFFCF6
Sombras
- DCC48B
- BCA876
- 9D8C61
- 7F714E
- 62573B
- 473E29
- 2D2719
- 161209
- 030301
Tons
- F0D89D
- E3CE9B
- D6C498
- C9BA95
- BDB092
- B0A68E
- A49D8B
- 989387
- 8C8984
Harmonias de cor
Complementar +180°
- FDE2A0
Polka Dot Skirt
- DAE4FF
≈ Stoic White
Análoga -30° +30°
- FDE2A0
Polka Dot Skirt
- FFDDC5
≈ Salmon Creek
- DFEDAA
≈ Wedge of Lime
Tríade +120° +240°
- FDE2A0
Polka Dot Skirt
- A9F3FF
≈ Waterspout
- FFD5FC
≈ Pink Diamond
Complementar dividida +150° +210°
- FDE2A0
Polka Dot Skirt
- CBEAFF
≈ Veiling Waterfalls
- E8DFFF
≈ Lavender Savour
Tétrade +90° +180° +270°
- FDE2A0
Polka Dot Skirt
- A2F9E5
≈ Icery
- DAE4FF
≈ Stoic White
- FFD9E4
≈ Pink Supremecy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.56:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--polka-dot-skirt: #fde2a0;
--polka-dot-skirt-rgb: 253 226 160;
--polka-dot-skirt-oklch: oklch(0.92 0.089 88.3);
}
.element {
color: var(--polka-dot-skirt);
background-color: hsl(43 96% 81%);
border-color: oklch(0.92 0.089 88.3);
}Tailwind CSS v4
@theme {
--color-polka-dot-skirt: #fde2a0;
--color-polka-dot-skirt-50: #fff5d9;
--color-polka-dot-skirt-100: #f3e7c7;
--color-polka-dot-skirt-200: #e3d3aa;
--color-polka-dot-skirt-300: #c9b683;
--color-polka-dot-skirt-400: #b49c60;
--color-polka-dot-skirt-500: #9e833a;
--color-polka-dot-skirt-600: #866f32;
--color-polka-dot-skirt-700: #6b5828;
--color-polka-dot-skirt-800: #50401b;
--color-polka-dot-skirt-900: #382c12;
--color-polka-dot-skirt-950: #221904;
}SCSS
$polka-dot-skirt: #fde2a0;
$polka-dot-skirt-rgb: 253, 226, 160;
$polka-dot-skirt-light: mix(#fff, $polka-dot-skirt, 20%);
$polka-dot-skirt-dark: mix(#000, $polka-dot-skirt, 20%);
.element {
color: $polka-dot-skirt;
box-shadow: 0 0 0 2px rgba($polka-dot-skirt, 0.35);
}