Color con nombre · #EAB6AD
Pensive Pink
Pensive Pink es #EAB6AD: rgb(234 182 173), hsl(9 59% 80%), oklch(0.821 0.062 29.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Pensive Pink color name →
#EAB6AD
oklch(0.821 0.062 29.7)
Conversiones de color
- HEX
- #eab6ad
- RGB
- rgb(234 182 173)
- HSL
- hsl(9 59% 80%)
- HWB
- hwb(9 68% 8%)
- OKLCH
- oklch(0.821 0.062 29.7)
- OKLab
- oklab(0.821 0.054 0.031)
- CIE Lab
- lab(78.68 18.46 12.21)
- LCH
- lch(78.68 22.13 33.5)
- CMYK
- cmyk(0% 22% 26% 8%)
Tintes · Sombras · Tonos
Tintes
- ECBDB5
- EFC4BD
- F1CCC5
- F3D3CD
- F6DAD5
- F8E2DE
- FAE9E6
- FBF0EE
- FDF8F7
Sombras
- CB9E96
- AE867F
- 916F6A
- 755955
- 5A4441
- 41302D
- 291D1B
- 130C0B
- 030201
Tonos
- DFB1A8
- D4ABA4
- CAA69F
- BFA09B
- B49B96
- AA9592
- 9F908D
- 958B89
- 8A8584
Armonías de color
Complementario +180°
- EAB6AD
Pensive Pink
- 95D0DA
≈ Foaming Surf
Análogo -30° +30°
- EAB6AD
Pensive Pink
- E7B4C3
≈ Athena Pink
- E3BC9C
≈ Only Natural
Triádico +120° +240°
- EAB6AD
Pensive Pink
- A9D0AF
≈ Coral Springs
- B4C3EE
≈ Larkspur Bud
Complementario dividido +150° +210°
- EAB6AD
Pensive Pink
- 98D2C6
≈ Opal Turquoise
- A0CBE9
≈ Windsor Way
Tetrádico +90° +180° +270°
- EAB6AD
Pensive Pink
- BFCB9E
≈ Seedling
- 95D0DA
≈ Foaming Surf
- CABCE7
≈ Drifting Dream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.79:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--pensive-pink: #eab6ad;
--pensive-pink-rgb: 234 182 173;
--pensive-pink-oklch: oklch(0.821 0.062 29.7);
}
.element {
color: var(--pensive-pink);
background-color: hsl(9 59% 80%);
border-color: oklch(0.821 0.062 29.7);
}Tailwind CSS v4
@theme {
--color-pensive-pink: #eab6ad;
--color-pensive-pink-50: #ffefea;
--color-pensive-pink-100: #fce1db;
--color-pensive-pink-200: #eecbc4;
--color-pensive-pink-300: #d5aca4;
--color-pensive-pink-400: #c09189;
--color-pensive-pink-500: #ac776e;
--color-pensive-pink-600: #91655d;
--color-pensive-pink-700: #74504a;
--color-pensive-pink-800: #563a36;
--color-pensive-pink-900: #3c2825;
--color-pensive-pink-950: #261614;
}SCSS
$pensive-pink: #eab6ad;
$pensive-pink-rgb: 234, 182, 173;
$pensive-pink-light: mix(#fff, $pensive-pink, 20%);
$pensive-pink-dark: mix(#000, $pensive-pink, 20%);
.element {
color: $pensive-pink;
box-shadow: 0 0 0 2px rgba($pensive-pink, 0.35);
}