Color con nombre más cercano · #D57EB9
#D57EB9
Color con nombre más cercano: Pink Punk
#D57EB9 (rgb(213 126 185), hsl(319 51% 66%), oklch(0.705 0.13 340.1)) se parece más al color con nombre Pink Punk. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D57EB9
oklch(0.705 0.13 340.1)
Conversiones de color
- HEX
- #d57eb9
- RGB
- rgb(213 126 185)
- HSL
- hsl(319 51% 66%)
- HWB
- hwb(319 49% 16%)
- OKLCH
- oklch(0.705 0.13 340.1)
- OKLab
- oklab(0.705 0.122 -0.044)
- CIE Lab
- lab(63.92 40.43 -16.11)
- LCH
- lch(63.92 43.52 338.3)
- CMYK
- cmyk(0% 41% 13% 16%)
Tintes · Sombras · Tonos
Tintes
- DA8BC0
- DF98C7
- E4A5CE
- E8B2D5
- EDBFDC
- F1CBE3
- F5D8EA
- F8E5F1
- FCF2F8
Sombras
- B96DA0
- 9E5C89
- 834C71
- 6A3C5B
- 512D46
- 3A1F31
- 24111E
- 10050D
- 020102
Tonos
- CD7FB3
- C57FAD
- BC80A8
- B480A2
- AC819C
- A38197
- 9A8191
- 92818B
- 898086
Armonías de color
Complementario +180°
- D57EB9
Pink Punk
- 46B884
≈ Aragon Green
Análogo -30° +30°
- D57EB9
Pink Punk
- B988DC
≈ Luminous Lavender
- E47B8D
≈ Hot Gossip
Triádico +120° +240°
- D57EB9
Pink Punk
- B3A130
≈ Martian
- 00B1D7
≈ Battery Charged Blue
Complementario dividido +150° +210°
- D57EB9
Pink Punk
- 84B054
≈ Parrot Green
- 00B7B1
≈ Swagger
Tetrádico +90° +180° +270°
- D57EB9
Pink Punk
- D39037
≈ Fuel Yellow
- 46B884
≈ Aragon Green
- 5CA5ED
≈ Feather Star
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-punk: #d57eb9;
--pink-punk-rgb: 213 126 185;
--pink-punk-oklch: oklch(0.705 0.13 340.1);
}
.element {
color: var(--pink-punk);
background-color: hsl(319 51% 66%);
border-color: oklch(0.705 0.13 340.1);
}Tailwind CSS v4
@theme {
--color-pink-punk: #d57eb9;
--color-pink-punk-50: #ffe7ff;
--color-pink-punk-100: #ffd7f4;
--color-pink-punk-200: #fcbfe4;
--color-pink-punk-300: #e69dca;
--color-pink-punk-400: #d17fb6;
--color-pink-punk-500: #bd60a1;
--color-pink-punk-600: #a05288;
--color-pink-punk-700: #80416d;
--color-pink-punk-800: #5e2f52;
--color-pink-punk-900: #422039;
--color-pink-punk-950: #2a0f23;
}SCSS
$pink-punk: #d57eb9;
$pink-punk-rgb: 213, 126, 185;
$pink-punk-light: mix(#fff, $pink-punk, 20%);
$pink-punk-dark: mix(#000, $pink-punk, 20%);
.element {
color: $pink-punk;
box-shadow: 0 0 0 2px rgba($pink-punk, 0.35);
}