Color con nombre más cercano · #BE8CA6
#BE8CA6
Color con nombre más cercano: Pinch Me
#BE8CA6 (rgb(190 140 166), hsl(329 28% 65%), oklch(0.696 0.07 346.5)) se parece más al color con nombre Pinch Me. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BE8CA6
oklch(0.696 0.07 346.5)
Conversiones de color
- HEX
- #be8ca6
- RGB
- rgb(190 140 166)
- HSL
- hsl(329 28% 65%)
- HWB
- hwb(329 55% 25%)
- OKLCH
- oklch(0.696 0.07 346.5)
- OKLab
- oklab(0.696 0.068 -0.016)
- CIE Lab
- lab(63.81 22.6 -5.92)
- LCH
- lch(63.81 23.36 345.3)
- CMYK
- cmyk(0% 26% 13% 25%)
Tintes · Sombras · Tonos
Tintes
- C597AF
- CBA2B7
- D2AEC0
- D9B9C9
- DFC4D2
- E6D0DB
- ECDCE4
- F2E7ED
- F9F3F6
Sombras
- A57990
- 8C677A
- 755565
- 5E4351
- 48333E
- 33232B
- 1F141A
- 0D070A
- 020101
Tonos
- B88BA2
- B28A9E
- AC899A
- A58897
- 9F8693
- 99858F
- 93848B
- 8D8387
- 868184
Armonías de color
Complementario +180°
- BE8CA6
Pinch Me
- 72AB94
≈ Acapulco
Análogo -30° +30°
- BE8CA6
Pinch Me
- AF90BB
≈ Lavender Earl
- C58C8E
≈ Dogwood Bloom
Triádico +120° +240°
- BE8CA6
Pinch Me
- A2A16D
≈ Cocktail Olive
- 6DA7BF
≈ Blue Ridge Mist
Complementario dividido +150° +210°
- BE8CA6
Pinch Me
- 89A87D
≈ Lounge Green
- 66ABAC
≈ Fountain Blue
Tetrádico +90° +180° +270°
- BE8CA6
Pinch Me
- B6986C
≈ Shelter
- 72AB94
≈ Acapulco
- 819FC9
≈ Caribbean Sky
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--pinch-me: #be8ca6;
--pinch-me-rgb: 190 140 166;
--pinch-me-oklch: oklch(0.696 0.07 346.5);
}
.element {
color: var(--pinch-me);
background-color: hsl(329 28% 65%);
border-color: oklch(0.696 0.07 346.5);
}Tailwind CSS v4
@theme {
--color-pinch-me: #be8ca6;
--color-pinch-me-50: #ffeef8;
--color-pinch-me-100: #fbdfec;
--color-pinch-me-200: #ecc9d9;
--color-pinch-me-300: #d4a9bd;
--color-pinch-me-400: #be8ea7;
--color-pinch-me-500: #a87390;
--color-pinch-me-600: #8e6279;
--color-pinch-me-700: #724e61;
--color-pinch-me-800: #543948;
--color-pinch-me-900: #3b2732;
--color-pinch-me-950: #24151e;
}SCSS
$pinch-me: #be8ca6;
$pinch-me-rgb: 190, 140, 166;
$pinch-me-light: mix(#fff, $pinch-me, 20%);
$pinch-me-dark: mix(#000, $pinch-me, 20%);
.element {
color: $pinch-me;
box-shadow: 0 0 0 2px rgba($pinch-me, 0.35);
}