Color con nombre más cercano · #87335D
#87335D
Color con nombre más cercano: Pleasure
#87335D (rgb(135 51 93), hsl(330 45% 36%), oklch(0.453 0.124 352.1)) se parece más al color con nombre Pleasure. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#87335D
oklch(0.453 0.124 352.1)
Conversiones de color
- HEX
- #87335d
- RGB
- rgb(135 51 93)
- HSL
- hsl(330 45% 36%)
- HWB
- hwb(330 20% 47%)
- OKLCH
- oklch(0.453 0.124 352.1)
- OKLab
- oklab(0.453 0.123 -0.017)
- CIE Lab
- lab(34.86 39.81 -5.98)
- LCH
- lch(34.86 40.25 351.5)
- CMYK
- cmyk(0% 62% 31% 47%)
Tintes · Sombras · Tonos
Tintes
- 94486C
- A15B7B
- AE6F8B
- BA839A
- C697AA
- D2ABBB
- DEC0CC
- E9D5DC
- F4EAEE
Sombras
- 752B50
- 632343
- 511C37
- 41142A
- 310D1F
- 210714
- 13030A
- 060103
- 010000
Tonos
- 873C60
- 884564
- 884D67
- 88546B
- 875C6E
- 866372
- 856B75
- 847279
- 82797C
Armonías de color
Complementario +180°
- 87335D
Pleasure
- 006550
≈ Piney Lake
Análogo -30° +30°
- 87335D
Pleasure
- 753A7E
≈ Maximum Purple
- 8E3335
≈ Sizzling Bacon
Triádico +120° +240°
- 87335D
Pleasure
- 585B00
≈ Greensboro
- 005E80
≈ Back of Beyond
Complementario dividido +150° +210°
- 87335D
Pleasure
- 24661F
≈ Paradise Palms
- 006268
≈ Turkish Aqua
Tetrádico +90° +180° +270°
- 87335D
Pleasure
- 705000
≈ Lucky Brown
- 006550
≈ Piney Lake
- 2E539A
≈ Blue Sail
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.88:1 · APCA Lc 87
Ag
FailSobre negro
WCAG 2.66:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--pleasure: #87335d;
--pleasure-rgb: 135 51 93;
--pleasure-oklch: oklch(0.453 0.124 352.1);
}
.element {
color: var(--pleasure);
background-color: hsl(330 45% 36%);
border-color: oklch(0.453 0.124 352.1);
}Tailwind CSS v4
@theme {
--color-pleasure: #87335d;
--color-pleasure-50: #ffe7f7;
--color-pleasure-100: #ffd7eb;
--color-pleasure-200: #ffbfd8;
--color-pleasure-300: #ea9dbc;
--color-pleasure-400: #d67ea6;
--color-pleasure-500: #c2608f;
--color-pleasure-600: #a45279;
--color-pleasure-700: #844160;
--color-pleasure-800: #612f48;
--color-pleasure-900: #442032;
--color-pleasure-950: #2c0f1e;
}SCSS
$pleasure: #87335d;
$pleasure-rgb: 135, 51, 93;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);
.element {
color: $pleasure;
box-shadow: 0 0 0 2px rgba($pleasure, 0.35);
}