Color con nombre más cercano · #AC2D6C
#AC2D6C
Color con nombre más cercano: Plastic Lips
#AC2D6C (rgb(172 45 108), hsl(330 59% 43%), oklch(0.512 0.172 354.8)) se parece más al color con nombre Plastic Lips. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#AC2D6C
oklch(0.512 0.172 354.8)
Conversiones de color
- HEX
- #ac2d6c
- RGB
- rgb(172 45 108)
- HSL
- hsl(330 59% 43%)
- HWB
- hwb(330 18% 33%)
- OKLCH
- oklch(0.512 0.172 354.8)
- OKLab
- oklab(0.512 0.171 -0.016)
- CIE Lab
- lab(41.17 55.11 -5.25)
- LCH
- lch(41.17 55.35 354.6)
- CMYK
- cmyk(0% 74% 37% 33%)
Tintes · Sombras · Tonos
Tintes
- B7467A
- C15C88
- CA7196
- D485A4
- DC99B3
- E4ADC2
- ECC2D1
- F3D6E0
- F9EAEF
Sombras
- 95265D
- 7F1F4E
- 691840
- 541132
- 400B25
- 2D0619
- 1B020D
- 0B0104
- 010000
Tonos
- A9396E
- A64470
- A34D72
- 9F5674
- 9B5D76
- 976578
- 926C7A
- 8C737C
- 877A7E
Armonías de color
Complementario +180°
- AC2D6C
Plastic Lips
- 007863
≈ Shady Glade
Análogo -30° +30°
- AC2D6C
Plastic Lips
- 953A9C
≈ Purple Ink
- B52D30
≈ Madder Red
Triádico +120° +240°
- AC2D6C
Plastic Lips
- 656E00
≈ Brownish Green
- 006F9B
≈ Disarm
Complementario dividido +150° +210°
- AC2D6C
Plastic Lips
- 007D1D
≈ Azure Radiance
- 00757E
≈ Night Scape
Tetrádico +90° +180° +270°
- AC2D6C
Plastic Lips
- 826100
≈ Ground Earth
- 007863
≈ Shady Glade
- 345EC8
≈ Free Speech Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.27:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.34:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--plastic-lips: #ac2d6c;
--plastic-lips-rgb: 172 45 108;
--plastic-lips-oklch: oklch(0.512 0.172 354.8);
}
.element {
color: var(--plastic-lips);
background-color: hsl(330 59% 43%);
border-color: oklch(0.512 0.172 354.8);
}Tailwind CSS v4
@theme {
--color-plastic-lips: #ac2d6c;
--color-plastic-lips-50: #ffe1f6;
--color-plastic-lips-100: #ffd1e9;
--color-plastic-lips-200: #ffb5d5;
--color-plastic-lips-300: #fc90b9;
--color-plastic-lips-400: #ea6ea4;
--color-plastic-lips-500: #d7488c;
--color-plastic-lips-600: #b63e77;
--color-plastic-lips-700: #92325f;
--color-plastic-lips-800: #6c2348;
--color-plastic-lips-900: #4c1732;
--color-plastic-lips-950: #32071e;
}SCSS
$plastic-lips: #ac2d6c;
$plastic-lips-rgb: 172, 45, 108;
$plastic-lips-light: mix(#fff, $plastic-lips, 20%);
$plastic-lips-dark: mix(#000, $plastic-lips, 20%);
.element {
color: $plastic-lips;
box-shadow: 0 0 0 2px rgba($plastic-lips, 0.35);
}