Cor nomeada mais próxima · #B384B8
#B384B8
Cor nomeada mais próxima: Heart Potion
#B384B8 (rgb(179 132 184), hsl(294 27% 62%), oklch(0.677 0.092 323.3)) é mais próxima da cor nomeada Heart Potion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B384B8
oklch(0.677 0.092 323.3)
Conversões de cor
- HEX
- #b384b8
- RGB
- rgb(179 132 184)
- HSL
- hsl(294 27% 62%)
- HWB
- hwb(294 52% 28%)
- OKLCH
- oklch(0.677 0.092 323.3)
- OKLab
- oklab(0.677 0.073 -0.055)
- CIE Lab
- lab(61.2 25.26 -20.11)
- LCH
- lch(61.2 32.29 321.5)
- CMYK
- cmyk(3% 28% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- BB90BF
- C29CC6
- CAA8CD
- D2B4D4
- D9C0DC
- E1CDE3
- E8D9EA
- F0E6F1
- F7F2F8
Sombras
- 9B72A0
- 846088
- 6E4F71
- 583F5B
- 432F45
- 2F2031
- 1D121E
- 0C060C
- 010102
Tons
- AE84B2
- A984AD
- A483A7
- 9F83A2
- 9A839C
- 958296
- 8F8291
- 8A818B
- 858186
Harmonias de cor
Complementar +180°
- B384B8
Heart Potion
- 75A672
≈ Ready Lawn
Análoga -30° +30°
- B384B8
Heart Potion
- 998DCB
≈ Hermosa
- C47F9C
≈ Wild Rose
Tríade +120° +240°
- B384B8
Heart Potion
- B39252
≈ Antique Honey
- 45A8B1
≈ Freshwater
Complementar dividida +150° +210°
- B384B8
Heart Potion
- 979E59
≈ Sweet Pea
- 53AA92
≈ O’grady Green
Tétrade +90° +180° +270°
- B384B8
Heart Potion
- C48761
≈ Sassy
- 75A672
≈ Ready Lawn
- 59A1C7
≈ Blue Grotto
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.03:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.90:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Trechos de código
CSS
:root {
--heart-potion: #b384b8;
--heart-potion-rgb: 179 132 184;
--heart-potion-oklch: oklch(0.677 0.092 323.3);
}
.element {
color: var(--heart-potion);
background-color: hsl(294 27% 62%);
border-color: oklch(0.677 0.092 323.3);
}Tailwind CSS v4
@theme {
--color-heart-potion: #b384b8;
--color-heart-potion-50: #ffedff;
--color-heart-potion-100: #f8def9;
--color-heart-potion-200: #e9c7ea;
--color-heart-potion-300: #d0a8d1;
--color-heart-potion-400: #b98cbe;
--color-heart-potion-500: #a471a9;
--color-heart-potion-600: #8a608f;
--color-heart-potion-700: #6f4c73;
--color-heart-potion-800: #513856;
--color-heart-potion-900: #38263c;
--color-heart-potion-950: #231425;
}SCSS
$heart-potion: #b384b8;
$heart-potion-rgb: 179, 132, 184;
$heart-potion-light: mix(#fff, $heart-potion, 20%);
$heart-potion-dark: mix(#000, $heart-potion, 20%);
.element {
color: $heart-potion;
box-shadow: 0 0 0 2px rgba($heart-potion, 0.35);
}