Color con nombre más cercano · #EAACA3
#EAACA3
Color con nombre más cercano: Peach Bud
#EAACA3 (rgb(234 172 163), hsl(8 63% 78%), oklch(0.8 0.075 28.2)) se parece más al color con nombre Peach Bud. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EAACA3
oklch(0.8 0.075 28.2)
Conversiones de color
- HEX
- #eaaca3
- RGB
- rgb(234 172 163)
- HSL
- hsl(8 63% 78%)
- HWB
- hwb(8 64% 8%)
- OKLCH
- oklch(0.8 0.075 28.2)
- OKLab
- oklab(0.8 0.066 0.035)
- CIE Lab
- lab(76.13 22.52 14.06)
- LCH
- lch(76.13 26.55 32)
- CMYK
- cmyk(0% 26% 30% 8%)
Tintes · Sombras · Tonos
Tintes
- EDB4AC
- EFBDB5
- F2C5BE
- F4CDC7
- F6D5D0
- F8DEDA
- FAE6E3
- FCEEEC
- FDF7F6
Sombras
- CB958D
- AE7F78
- 916963
- 75544F
- 5A403C
- 412D2A
- 291B19
- 130B0A
- 030101
Tonos
- DFA8A0
- D5A39C
- CA9F99
- BF9B95
- B59692
- AA928E
- A08D8B
- 958987
- 8B8484
Armonías de color
Complementario +180°
- EAACA3
Peach Bud
- 82CCD7
≈ White Ultramarine
Análogo -30° +30°
- EAACA3
Peach Bud
- E6AABD
≈ Sekichiku Pink
- E3B28E
≈ Soft Apricot
Triádico +120° +240°
- EAACA3
Peach Bud
- 9DCBA3
≈ Potted Plant
- A9BDEF
≈ Perano
Complementario dividido +150° +210°
- EAACA3
Peach Bud
- 88CEBE
≈ Blue Frosting
- 90C5E9
≈ Astral Spirit
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.92:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--peach-bud: #eaaca3;
--peach-bud-rgb: 234 172 163;
--peach-bud-oklch: oklch(0.8 0.075 28.2);
}
.element {
color: var(--peach-bud);
background-color: hsl(8 63% 78%);
border-color: oklch(0.8 0.075 28.2);
}Tailwind CSS v4
@theme {
--color-peach-bud: #eaaca3;
--color-peach-bud-50: #ffeee9;
--color-peach-bud-100: #ffdfd9;
--color-peach-bud-200: #f3c9c2;
--color-peach-bud-300: #dbaaa1;
--color-peach-bud-400: #c78e86;
--color-peach-bud-500: #b2736a;
--color-peach-bud-600: #97625a;
--color-peach-bud-700: #794e48;
--color-peach-bud-800: #5a3835;
--color-peach-bud-900: #3f2624;
--color-peach-bud-950: #281513;
}SCSS
$peach-bud: #eaaca3;
$peach-bud-rgb: 234, 172, 163;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}