Cor nomeada mais próxima · #FDE2CF
#FDE2CF
Cor nomeada mais próxima: Coral Kiss
#FDE2CF (rgb(253 226 207), hsl(25 92% 90%), oklch(0.93 0.039 57.4)) é mais próxima da cor nomeada Coral Kiss. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FDE2CF
oklch(0.93 0.039 57.4)
Conversões de cor
- HEX
- #fde2cf
- RGB
- rgb(253 226 207)
- HSL
- hsl(25 92% 90%)
- HWB
- hwb(25 81% 1%)
- OKLCH
- oklch(0.93 0.039 57.4)
- OKLab
- oklab(0.93 0.021 0.033)
- CIE Lab
- lab(91.76 7.4 12.89)
- LCH
- lch(91.76 14.86 60.1)
- CMYK
- cmyk(0% 11% 18% 1%)
Tons claros · Sombras · Tons
Tons claros
- FDE5D4
- FEE8D9
- FEEBDD
- FEEEE2
- FEF1E7
- FEF3EC
- FFF6F1
- FFF9F5
- FFFCFA
Sombras
- DCC4B4
- BCA899
- 9D8C7F
- 7F7167
- 62574F
- 473E38
- 2D2723
- 161210
- 030302
Tons
- F0D8C7
- E3CEBF
- D6C4B7
- C9BAAF
- BDB0A7
- B0A69F
- A49C97
- 98938F
- 8C8988
Harmonias de cor
Complementar +180°
- FDE2CF
Coral Kiss
- D1ECFF
≈ Veiling Waterfalls
Análoga -30° +30°
- FDE2CF
Coral Kiss
- FFDFDB
≈ Dawn Patrol
- F3E7CB
≈ Sphere
Tríade +120° +240°
- FDE2CF
Coral Kiss
- CDF1E7
≈ Caribbean
- EAE3FF
≈ Lavender Mist
Complementar dividida +150° +210°
- FDE2CF
Coral Kiss
- CBF0F5
≈ Diamond League
- DEE8FF
≈ Lavender Mist
Tétrade +90° +180° +270°
- FDE2CF
Coral Kiss
- D7EFD9
≈ Garden Shed
- D1ECFF
≈ Veiling Waterfalls
- F7DFF6
≈ Silky Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.95:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--coral-kiss: #fde2cf;
--coral-kiss-rgb: 253 226 207;
--coral-kiss-oklch: oklch(0.93 0.039 57.4);
}
.element {
color: var(--coral-kiss);
background-color: hsl(25 92% 90%);
border-color: oklch(0.93 0.039 57.4);
}Tailwind CSS v4
@theme {
--color-coral-kiss: #fde2cf;
--color-coral-kiss-50: #fef3ea;
--color-coral-kiss-100: #f2e5db;
--color-coral-kiss-200: #e1d1c4;
--color-coral-kiss-300: #c7b3a4;
--color-coral-kiss-400: #b19988;
--color-coral-kiss-500: #9b806d;
--color-coral-kiss-600: #836c5d;
--color-coral-kiss-700: #69574a;
--color-coral-kiss-800: #4d3f36;
--color-coral-kiss-900: #362b24;
--color-coral-kiss-950: #211913;
}SCSS
$coral-kiss: #fde2cf;
$coral-kiss-rgb: 253, 226, 207;
$coral-kiss-light: mix(#fff, $coral-kiss, 20%);
$coral-kiss-dark: mix(#000, $coral-kiss, 20%);
.element {
color: $coral-kiss;
box-shadow: 0 0 0 2px rgba($coral-kiss, 0.35);
}