Cor nomeada · #E8CCD7
Queen Pink
Queen Pink é #E8CCD7: rgb(232 204 215), hsl(336 38% 85%), oklch(0.872 0.034 352.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Queen Pink color name →
#E8CCD7
oklch(0.872 0.034 352.1)
Conversões de cor
- HEX
- #e8ccd7
- RGB
- rgb(232 204 215)
- HSL
- hsl(336 38% 85%)
- HWB
- hwb(336 80% 9%)
- OKLCH
- oklch(0.872 0.034 352.1)
- OKLab
- oklab(0.872 0.034 -0.005)
- CIE Lab
- lab(84.67 11.49 -1.68)
- LCH
- lch(84.67 11.61 351.7)
- CMYK
- cmyk(0% 12% 7% 9%)
Tons claros · Sombras · Tons
Tons claros
- EAD1DB
- EDD6DF
- EFDBE3
- F1E0E7
- F4E5EB
- F6EAEF
- F8F0F3
- FBF5F7
- FDFAFB
Sombras
- CAB1BB
- AC979F
- 907E85
- 74656B
- 594E52
- 40373B
- 292225
- 130F11
- 030202
Tons
- DDC4CE
- D2BCC5
- C8B5BC
- BDADB3
- B3A5AA
- A89EA2
- 9E9699
- 948F91
- 8A8788
Harmonias de cor
Complementar +180°
- E8CCD7
Queen Pink
- BFDDD2
≈ Tierra Del Fuego Sea Green
Análoga -30° +30°
- E8CCD7
Queen Pink
- E0CEE3
≈ Orchid Shimmer
- EBCCCB
≈ Petite Pink
Tríade +120° +240°
- E8CCD7
Queen Pink
- D5D8BE
≈ Pine Mist
- BFD9E8
≈ Breezy Touch
Complementar dividida +150° +210°
- E8CCD7
Queen Pink
- C9DBC6
≈ Mystified
- BCDCDE
≈ Mech Suit
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.04:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--queen-pink: #e8ccd7;
--queen-pink-rgb: 232 204 215;
--queen-pink-oklch: oklch(0.872 0.034 352.1);
}
.element {
color: var(--queen-pink);
background-color: hsl(336 38% 85%);
border-color: oklch(0.872 0.034 352.1);
}Tailwind CSS v4
@theme {
--color-queen-pink: #e8ccd7;
--color-queen-pink-50: #fef1f6;
--color-queen-pink-100: #f2e3e8;
--color-queen-pink-200: #e1ced5;
--color-queen-pink-300: #c7b0b8;
--color-queen-pink-400: #b096a0;
--color-queen-pink-500: #997d88;
--color-queen-pink-600: #816a73;
--color-queen-pink-700: #68555c;
--color-queen-pink-800: #4c3e44;
--color-queen-pink-900: #352a2f;
--color-queen-pink-950: #20181b;
}SCSS
$queen-pink: #e8ccd7;
$queen-pink-rgb: 232, 204, 215;
$queen-pink-light: mix(#fff, $queen-pink, 20%);
$queen-pink-dark: mix(#000, $queen-pink, 20%);
.element {
color: $queen-pink;
box-shadow: 0 0 0 2px rgba($queen-pink, 0.35);
}