Color con nombre más cercano · #E68A9C
#E68A9C
Color con nombre más cercano: Xoxo
#E68A9C (rgb(230 138 156), hsl(348 65% 72%), oklch(0.735 0.114 7.6)) se parece más al color con nombre Xoxo. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E68A9C
oklch(0.735 0.114 7.6)
Conversiones de color
- HEX
- #e68a9c
- RGB
- rgb(230 138 156)
- HSL
- hsl(348 65% 72%)
- HWB
- hwb(348 54% 10%)
- OKLCH
- oklch(0.735 0.114 7.6)
- OKLab
- oklab(0.735 0.113 0.015)
- CIE Lab
- lab(67.9 37.48 6.32)
- LCH
- lch(67.9 38.01 9.6)
- CMYK
- cmyk(0% 40% 32% 10%)
Tintes · Sombras · Tonos
Tintes
- EA96A5
- EDA2AF
- F0ADB9
- F3B9C3
- F6C5CC
- F8D0D6
- FADCE0
- FCE8EB
- FEF3F5
Sombras
- C87787
- AB6573
- 8E535F
- 73424C
- 593239
- 402228
- 281418
- 130709
- 030101
Tonos
- DC8999
- D28996
- C88894
- BE8791
- B4868E
- AA858B
- A08488
- 958386
- 8B8183
Armonías de color
Complementario +180°
- E68A9C
Xoxo
- 3AC0B6
≈ Tint of Turquoise
Análogo -30° +30°
- E68A9C
Xoxo
- D78DC3
≈ Cyclamen
- E78F74
≈ Middle Red
Triádico +120° +240°
Complementario dividido +150° +210°
- E68A9C
Xoxo
- 65BF8D
≈ Young Bamboo
- 3FBAD8
≈ Lake Thun
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.48:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.48:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--xoxo: #e68a9c;
--xoxo-rgb: 230 138 156;
--xoxo-oklch: oklch(0.735 0.114 7.6);
}
.element {
color: var(--xoxo);
background-color: hsl(348 65% 72%);
border-color: oklch(0.735 0.114 7.6);
}Tailwind CSS v4
@theme {
--color-xoxo: #e68a9c;
--color-xoxo-50: #ffe8ee;
--color-xoxo-100: #ffd9df;
--color-xoxo-200: #ffc1c9;
--color-xoxo-300: #eb9faa;
--color-xoxo-400: #d78192;
--color-xoxo-500: #c46378;
--color-xoxo-600: #a65466;
--color-xoxo-700: #854351;
--color-xoxo-800: #63303d;
--color-xoxo-900: #45212a;
--color-xoxo-950: #2d1017;
}SCSS
$xoxo: #e68a9c;
$xoxo-rgb: 230, 138, 156;
$xoxo-light: mix(#fff, $xoxo, 20%);
$xoxo-dark: mix(#000, $xoxo, 20%);
.element {
color: $xoxo;
box-shadow: 0 0 0 2px rgba($xoxo, 0.35);
}