Cor nomeada mais próxima · #B58DBB
#B58DBB
Cor nomeada mais próxima: Violaceous
#B58DBB (rgb(181 141 187), hsl(292 25% 64%), oklch(0.696 0.08 322)) é mais próxima da cor nomeada Violaceous. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B58DBB
oklch(0.696 0.08 322)
Conversões de cor
- HEX
- #b58dbb
- RGB
- rgb(181 141 187)
- HSL
- hsl(292 25% 64%)
- HWB
- hwb(292 55% 27%)
- OKLCH
- oklch(0.696 0.08 322)
- OKLab
- oklab(0.696 0.063 -0.049)
- CIE Lab
- lab(63.66 21.65 -18.06)
- LCH
- lch(63.66 28.19 320.2)
- CMYK
- cmyk(3% 25% 0% 27%)
Tons claros · Sombras · Tons
Tons claros
- BC98C2
- C4A3C9
- CBAECF
- D3BAD6
- DAC5DD
- E1D0E4
- E9DCEB
- F0E8F1
- F8F3F8
Sombras
- 9D7AA2
- 86678A
- 6F5573
- 59445C
- 443346
- 302332
- 1D141F
- 0C070D
- 020102
Tons
- B08CB5
- AA8BAF
- A589A9
- A088A3
- 9A879D
- 958697
- 908492
- 8B838C
- 858186
Harmonias de cor
Complementar +180°
- B58DBB
Violaceous
- 81AA7C
≈ Verdant Haven
Análoga -30° +30°
- B58DBB
Violaceous
- 9E95CB
≈ Distinct Purple
- C489A2
≈ Winsome Rose
Tríade +120° +240°
- B58DBB
Violaceous
- B69963
≈ Golden Moss
- 5BACB2
≈ Aquarelle
Complementar dividida +150° +210°
- B58DBB
Violaceous
- 9EA368
≈ Dry Grass
- 66AE98
≈ Green Crush
Tétrade +90° +180° +270°
- B58DBB
Violaceous
- C5906F
≈ Baker’s Dream
- 81AA7C
≈ Verdant Haven
- 68A6C7
≈ Scott Base
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--violaceous: #b58dbb;
--violaceous-rgb: 181 141 187;
--violaceous-oklch: oklch(0.696 0.08 322);
}
.element {
color: var(--violaceous);
background-color: hsl(292 25% 64%);
border-color: oklch(0.696 0.08 322);
}Tailwind CSS v4
@theme {
--color-violaceous: #b58dbb;
--color-violaceous-50: #ffeeff;
--color-violaceous-100: #f6dff7;
--color-violaceous-200: #e6c9e8;
--color-violaceous-300: #ccaacf;
--color-violaceous-400: #b58fbb;
--color-violaceous-500: #9f74a6;
--color-violaceous-600: #87638c;
--color-violaceous-700: #6c4f70;
--color-violaceous-800: #4f3954;
--color-violaceous-900: #37273a;
--color-violaceous-950: #221524;
}SCSS
$violaceous: #b58dbb;
$violaceous-rgb: 181, 141, 187;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}