Color con nombre más cercano · #E0A7A3
#E0A7A3
Color con nombre más cercano: Pastel Pink
#E0A7A3 (rgb(224 167 163), hsl(4 50% 76%), oklch(0.78 0.068 23.3)) se parece más al color con nombre Pastel Pink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E0A7A3
oklch(0.78 0.068 23.3)
Conversiones de color
- HEX
- #e0a7a3
- RGB
- rgb(224 167 163)
- HSL
- hsl(4 50% 76%)
- HWB
- hwb(4 64% 12%)
- OKLCH
- oklch(0.78 0.068 23.3)
- OKLab
- oklab(0.78 0.062 0.027)
- CIE Lab
- lab(73.87 21.22 10.73)
- LCH
- lch(73.87 23.78 26.8)
- CMYK
- cmyk(0% 25% 27% 12%)
Tintes · Sombras · Tonos
Tintes
- E4B0AC
- E7B8B5
- EAC1BE
- EECAC7
- F1D3D0
- F4DBD9
- F7E4E3
- FAEDEC
- FCF6F6
Sombras
- C3918D
- A67B78
- 8A6663
- 70524F
- 563E3C
- 3E2C2A
- 271A19
- 120A0A
- 020101
Tonos
- D6A39F
- CD9F9C
- C39B98
- B99895
- B09491
- A6908E
- 9D8C8A
- 938887
- 8A8483
Armonías de color
Complementario +180°
- E0A7A3
Pastel Pink
- 82C5CB
≈ Angel Blue
Análogo -30° +30°
- E0A7A3
Pastel Pink
- DBA6BB
≈ Pink Gin
- DBAC8F
≈ Salmon Sand
Triádico +120° +240°
- E0A7A3
Pastel Pink
- 9EC39C
≈ Spruce Stone
- A1B8E4
≈ Sky Blue
Complementario dividido +150° +210°
- E0A7A3
Pastel Pink
- 8AC6B4
≈ Aquastone
- 8CC0DC
≈ Sky Babe
Tetrádico +90° +180° +270°
- E0A7A3
Pastel Pink
- B7BD8B
≈ Aloe Plant
- 82C5CB
≈ Angel Blue
- B9B0E0
≈ Purple Hibiscus
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.22:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--pastel-pink: #e0a7a3;
--pastel-pink-rgb: 224 167 163;
--pastel-pink-oklch: oklch(0.78 0.068 23.3);
}
.element {
color: var(--pastel-pink);
background-color: hsl(4 50% 76%);
border-color: oklch(0.78 0.068 23.3);
}Tailwind CSS v4
@theme {
--color-pastel-pink: #e0a7a3;
--color-pastel-pink-50: #ffeeeb;
--color-pastel-pink-100: #fee0dc;
--color-pastel-pink-200: #f0cac6;
--color-pastel-pink-300: #d8aba6;
--color-pastel-pink-400: #c48f8b;
--color-pastel-pink-500: #af7471;
--color-pastel-pink-600: #946360;
--color-pastel-pink-700: #774f4c;
--color-pastel-pink-800: #583938;
--color-pastel-pink-900: #3d2726;
--color-pastel-pink-950: #271515;
}SCSS
$pastel-pink: #e0a7a3;
$pastel-pink-rgb: 224, 167, 163;
$pastel-pink-light: mix(#fff, $pastel-pink, 20%);
$pastel-pink-dark: mix(#000, $pastel-pink, 20%);
.element {
color: $pastel-pink;
box-shadow: 0 0 0 2px rgba($pastel-pink, 0.35);
}