Color con nombre más cercano · #B2588B
#B2588B
Color con nombre más cercano: Purple Zergling
#B2588B (rgb(178 88 139), hsl(326 37% 52%), oklch(0.585 0.131 346.8)) se parece más al color con nombre Purple Zergling. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B2588B
oklch(0.585 0.131 346.8)
Conversiones de color
- HEX
- #b2588b
- RGB
- rgb(178 88 139)
- HSL
- hsl(326 37% 52%)
- HWB
- hwb(326 35% 30%)
- OKLCH
- oklch(0.585 0.131 346.8)
- OKLab
- oklab(0.585 0.128 -0.03)
- CIE Lab
- lab(50.06 41.84 -10.82)
- LCH
- lch(50.06 43.21 345.5)
- CMYK
- cmyk(0% 51% 22% 30%)
Tintes · Sombras · Tonos
Tintes
- BB6996
- C479A1
- CC8AAD
- D49AB8
- DCABC4
- E3BBCF
- EBCCDB
- F2DDE7
- F8EEF3
Sombras
- 9A4B78
- 833F66
- 6D3354
- 572843
- 431D32
- 2F1223
- 1D0914
- 0C0307
- 010001
Tonos
- AE5D8A
- A96289
- A56688
- A06A87
- 9B6E86
- 967285
- 917683
- 8C7982
- 867D81
Armonías de color
Complementario +180°
- B2588B
Purple Zergling
- 00926C
≈ Viridian
Análogo -30° +30°
- B2588B
Purple Zergling
- 9B61AF
≈ Prickly Purple
- BD575F
≈ Hibiscus Flower
Triádico +120° +240°
- B2588B
Purple Zergling
- 858000
≈ Drably Olive
- 0088AF
≈ Stomy Shower
Complementario dividido +150° +210°
- B2588B
Purple Zergling
- 548D39
≈ Fiji Palm
- 008E90
≈ Forever Teal
Tetrádico +90° +180° +270°
- B2588B
Purple Zergling
- A47000
≈ Golden Hind
- 00926C
≈ Viridian
- 457CC8
≈ Tufts Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--purple-zergling: #b2588b;
--purple-zergling-rgb: 178 88 139;
--purple-zergling-oklch: oklch(0.585 0.131 346.8);
}
.element {
color: var(--purple-zergling);
background-color: hsl(326 37% 52%);
border-color: oklch(0.585 0.131 346.8);
}Tailwind CSS v4
@theme {
--color-purple-zergling: #b2588b;
--color-purple-zergling-50: #ffe7fb;
--color-purple-zergling-100: #ffd7ef;
--color-purple-zergling-200: #ffbedd;
--color-purple-zergling-300: #ea9bc2;
--color-purple-zergling-400: #d67dae;
--color-purple-zergling-500: #c25e97;
--color-purple-zergling-600: #a45080;
--color-purple-zergling-700: #844066;
--color-purple-zergling-800: #612e4d;
--color-purple-zergling-900: #441f35;
--color-purple-zergling-950: #2c0e21;
}SCSS
$purple-zergling: #b2588b;
$purple-zergling-rgb: 178, 88, 139;
$purple-zergling-light: mix(#fff, $purple-zergling, 20%);
$purple-zergling-dark: mix(#000, $purple-zergling, 20%);
.element {
color: $purple-zergling;
box-shadow: 0 0 0 2px rgba($purple-zergling, 0.35);
}