Cor #FDC5E3 (Sugarwinkle)
O código hexadecimal #FDC5E3 corresponde à cor Sugarwinkle. A seguir, você pode ver seus valores exatos em RGB, HSL e CMYK, verificar seu contraste sobre fundo branco e preto, e descobrir cores similares e complementares dentro da família dos rosas.
| Código HEX | #FDC5E3 |
|---|---|
| Código RGB | rgb(253, 197, 227) |
| Código HSL | hsl(327.9, 93.3%, 88.2%) |
| Código CMYK | cmyk(0%, 22%, 10%, 1%) |
| Família de cor | Rosas |
Contraste e acessibilidade (WCAG)
Cor complementar
Metal#BABFBC
Cores similares
Explore as cores por família
Mais de 469 cores nomeadas, com seus códigos HEX, RGB, HSL e CMYK, organizadas em 12 famílias de tonalidades.
Como usar a cor Sugarwinkle
Aplique no seu CSS ou design
Copie o código #FDC5E3 e use-o diretamente em sua folha de estilos, por exemplo background-color: #FDC5E3; ou color: #FDC5E3;. Se precisar do valor em outro formato, converta-o para RGB, HSL ou CMYK com nosso conversor de cores.
Combine-o com outras cores
Teste Sugarwinkle junto à sua cor complementar ou junto aos tons similares da família rosas que mostramos abaixo, ou gere uma paleta completa a partir desta cor com o gerador de paletas.
Verifique se é acessível
Antes de usar Sugarwinkle como cor de texto ou fundo, revise o índice de contraste sobre branco e preto indicado acima, ou analise qualquer combinação no verificador de contraste para garantir que atenda aos níveis WCAG AA e AAA.
Perguntas frequentes
Qual é a cor #FDC5E3?
+
O código #FDC5E3 corresponde à cor Sugarwinkle, dentro da família dos rosas.
Quais cores combinam bem com Sugarwinkle?
+
Você pode ver sua cor complementar e várias cores similares abaixo, ou gerar uma paleta completa a partir de Sugarwinkle com nosso gerador de paletas.
A cor Sugarwinkle é acessível para texto?
+
Depende do fundo: consulte a razão de contraste sobre branco e preto acima para saber se atende aos níveis de acessibilidade WCAG AA e AAA.
