Cor nomeada mais próxima · #E1B4D6
#E1B4D6
Cor nomeada mais próxima: Violet Vamp
#E1B4D6 (rgb(225 180 214), hsl(315 43% 79%), oklch(0.82 0.068 335)) é mais próxima da cor nomeada Violet Vamp. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E1B4D6
oklch(0.82 0.068 335)
Conversões de cor
- HEX
- #e1b4d6
- RGB
- rgb(225 180 214)
- HSL
- hsl(315 43% 79%)
- HWB
- hwb(315 71% 12%)
- OKLCH
- oklch(0.82 0.068 335)
- OKLab
- oklab(0.82 0.062 -0.029)
- CIE Lab
- lab(78.2 20.91 -10.69)
- LCH
- lch(78.2 23.49 332.9)
- CMYK
- cmyk(0% 20% 5% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4BBDA
- E7C3DE
- EBCAE2
- EED2E6
- F1D9EA
- F4E1EF
- F7E8F3
- F9F0F7
- FCF7FB
Sombras
- C49CBA
- A7859E
- 8B6E84
- 70586A
- 564452
- 3E303B
- 271D25
- 120C10
- 020202
Tons
- D7AFCD
- CDAAC4
- C3A4BB
- B99FB3
- B09AAA
- A695A2
- 9C8F99
- 938A91
- 898588
Harmonias de cor
Complementar +180°
- E1B4D6
Violet Vamp
- A1D2B1
≈ Merrylyn
Análoga -30° +30°
- E1B4D6
Violet Vamp
- CEBAE8
≈ Connecticut Lilac
- ECB2BE
≈ Frozen Veins
Tríade +120° +240°
- E1B4D6
Violet Vamp
- D2C492
≈ Vast Escape
- 90D0E0
≈ Washed Blue
Complementar dividida +150° +210°
- E1B4D6
Violet Vamp
- BACD9C
≈ White Grape
- 91D3CA
≈ Green Daze
Tétrade +90° +180° +270°
- E1B4D6
Violet Vamp
- E4BC96
≈ Fresh Praline
- A1D2B1
≈ Merrylyn
- 9FCAEE
≈ Baby Blue Eyes
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.70:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--violet-vamp: #e1b4d6;
--violet-vamp-rgb: 225 180 214;
--violet-vamp-oklch: oklch(0.82 0.068 335);
}
.element {
color: var(--violet-vamp);
background-color: hsl(315 43% 79%);
border-color: oklch(0.82 0.068 335);
}Tailwind CSS v4
@theme {
--color-violet-vamp: #e1b4d6;
--color-violet-vamp-50: #ffeefc;
--color-violet-vamp-100: #f8e0f0;
--color-violet-vamp-200: #e8cadf;
--color-violet-vamp-300: #cfabc4;
--color-violet-vamp-400: #b990af;
--color-violet-vamp-500: #a37598;
--color-violet-vamp-600: #8a6381;
--color-violet-vamp-700: #6e4f67;
--color-violet-vamp-800: #513a4d;
--color-violet-vamp-900: #382735;
--color-violet-vamp-950: #231520;
}SCSS
$violet-vamp: #e1b4d6;
$violet-vamp-rgb: 225, 180, 214;
$violet-vamp-light: mix(#fff, $violet-vamp, 20%);
$violet-vamp-dark: mix(#000, $violet-vamp, 20%);
.element {
color: $violet-vamp;
box-shadow: 0 0 0 2px rgba($violet-vamp, 0.35);
}