Cor nomeada mais próxima · #E3C4EA
#E3C4EA
Cor nomeada mais próxima: Prom Corsage
#E3C4EA (rgb(227 196 234), hsl(289 47% 84%), oklch(0.858 0.062 320)) é mais próxima da cor nomeada Prom Corsage. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3C4EA
oklch(0.858 0.062 320)
Conversões de cor
- HEX
- #e3c4ea
- RGB
- rgb(227 196 234)
- HSL
- hsl(289 47% 84%)
- HWB
- hwb(289 77% 8%)
- OKLCH
- oklch(0.858 0.062 320)
- OKLab
- oklab(0.858 0.047 -0.04)
- CIE Lab
- lab(82.73 16.26 -14.67)
- LCH
- lch(82.73 21.9 318)
- CMYK
- cmyk(3% 16% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- E6CAEC
- E9D0EE
- ECD6F0
- EEDBF3
- F1E1F5
- F4E7F7
- F7EDF9
- FAF3FB
- FCF9FD
Sombras
- C5AACB
- A891AE
- 8C7891
- 716175
- 574A5A
- 3F3541
- 272129
- 120E13
- 030203
Tons
- D9BDDF
- CEB6D4
- C4AFC9
- BAA8BE
- B0A2B4
- A79BA9
- 9D949F
- 938D94
- 89878A
Harmonias de cor
Complementar +180°
- E3C4EA
Prom Corsage
- BCDBB5
≈ A Mann’s Mint
Análoga -30° +30°
- E3C4EA
Prom Corsage
- CFCAF7
≈ Lavender Blue
- F1C1D6
≈ Cherry Blossom
Tríade +120° +240°
- E3C4EA
Prom Corsage
- E6CDA3
≈ Coconut Crumble
- A1DDE0
≈ Aqua Spray
Complementar dividida +150° +210°
- E3C4EA
Prom Corsage
- D2D5A6
≈ White Jade
- A9DECA
≈ Prism
Tétrade +90° +180° +270°
- E3C4EA
Prom Corsage
- F3C6AD
≈ Taco
- BCDBB5
≈ A Mann’s Mint
- A7D9F1
≈ Blue Bubble
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.35:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--prom-corsage: #e3c4ea;
--prom-corsage-rgb: 227 196 234;
--prom-corsage-oklch: oklch(0.858 0.062 320);
}
.element {
color: var(--prom-corsage);
background-color: hsl(289 47% 84%);
border-color: oklch(0.858 0.062 320);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e3c4ea;
--color-prom-corsage-50: #fef0ff;
--color-prom-corsage-100: #f2e1f4;
--color-prom-corsage-200: #e1cce4;
--color-prom-corsage-300: #c7adca;
--color-prom-corsage-400: #af93b5;
--color-prom-corsage-500: #9979a0;
--color-prom-corsage-600: #816787;
--color-prom-corsage-700: #67526c;
--color-prom-corsage-800: #4b3c50;
--color-prom-corsage-900: #342938;
--color-prom-corsage-950: #201723;
}SCSS
$prom-corsage: #e3c4ea;
$prom-corsage-rgb: 227, 196, 234;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}