Color con nombre más cercano · #9898BA
#9898BA
Color con nombre más cercano: Easter Egg
#9898BA (rgb(152 152 186), hsl(240 20% 66%), oklch(0.691 0.05 285)) se parece más al color con nombre Easter Egg. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9898BA
oklch(0.691 0.05 285)
Conversiones de color
- HEX
- #9898ba
- RGB
- rgb(152 152 186)
- HSL
- hsl(240 20% 66%)
- HWB
- hwb(240 60% 27%)
- OKLCH
- oklch(0.691 0.05 285)
- OKLab
- oklab(0.691 0.013 -0.048)
- CIE Lab
- lab(63.73 5.4 -17.72)
- LCH
- lch(63.73 18.53 286.9)
- CMYK
- cmyk(18% 18% 0% 27%)
Tintes · Sombras · Tonos
Tintes
- A2A2C1
- ACACC8
- B6B6CF
- C0C0D6
- CACADC
- D5D5E3
- DFDFEA
- EAEAF1
- F4F4F8
Sombras
- 8484A1
- 707089
- 5C5C72
- 4A4A5C
- 383846
- 272732
- 17171E
- 08080D
- 010102
Tonos
- 9696B4
- 9393AE
- 9191A8
- 8E8EA3
- 8C8C9D
- 898A97
- 878791
- 85858C
- 828286
Armonías de color
Complementario +180°
- 9898BA
Easter Egg
- A09E7A
≈ Bonsai Garden
Análogo -30° +30°
- 9898BA
Easter Egg
- 879EBB
≈ Astro Bound
- A893B1
≈ Gleeful Joy
Triádico +120° +240°
- 9898BA
Easter Egg
- B79383
≈ Belfry Brick
- 7FA694
≈ Verdigreen
Complementario dividido +150° +210°
- 9898BA
Easter Egg
- AE987A
≈ Artisan Tan
- 8FA384
≈ Mistletoe
Tetrádico +90° +180° +270°
- 9898BA
Easter Egg
- B99092
≈ Rosy Brown
- A09E7A
≈ Bonsai Garden
- 78A6A5
≈ Cresting Waves
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.53:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--easter-egg: #9898ba;
--easter-egg-rgb: 152 152 186;
--easter-egg-oklch: oklch(0.691 0.05 285);
}
.element {
color: var(--easter-egg);
background-color: hsl(240 20% 66%);
border-color: oklch(0.691 0.05 285);
}Tailwind CSS v4
@theme {
--color-easter-egg: #9898ba;
--color-easter-egg-50: #f4f3ff;
--color-easter-egg-100: #e6e6f8;
--color-easter-egg-200: #d2d2e9;
--color-easter-egg-300: #b5b4d0;
--color-easter-egg-400: #9b9bbb;
--color-easter-egg-500: #8282a6;
--color-easter-egg-600: #6e6e8d;
--color-easter-egg-700: #585871;
--color-easter-egg-800: #404053;
--color-easter-egg-900: #2c2c3a;
--color-easter-egg-950: #191924;
}SCSS
$easter-egg: #9898ba;
$easter-egg-rgb: 152, 152, 186;
$easter-egg-light: mix(#fff, $easter-egg, 20%);
$easter-egg-dark: mix(#000, $easter-egg, 20%);
.element {
color: $easter-egg;
box-shadow: 0 0 0 2px rgba($easter-egg, 0.35);
}