Color con nombre más cercano · #89B7E6
#89B7E6
Color con nombre más cercano: Electric Eel
#89B7E6 (rgb(137 183 230), hsl(210 65% 72%), oklch(0.764 0.084 249.5)) se parece más al color con nombre Electric Eel. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#89B7E6
oklch(0.764 0.084 249.5)
Conversiones de color
- HEX
- #89b7e6
- RGB
- rgb(137 183 230)
- HSL
- hsl(210 65% 72%)
- HWB
- hwb(210 54% 10%)
- OKLCH
- oklch(0.764 0.084 249.5)
- OKLab
- oklab(0.764 -0.029 -0.078)
- CIE Lab
- lab(72.43 -6.84 -28.82)
- LCH
- lch(72.43 29.62 256.6)
- CMYK
- cmyk(40% 20% 0% 10%)
Tintes · Sombras · Tonos
Tintes
- 95BEE9
- A1C5EC
- ACCDEE
- B8D4F1
- C4DBF3
- D0E2F6
- DBE9F8
- E7F1FB
- F3F8FD
Sombras
- 769FC8
- 6487AB
- 53708E
- 425A73
- 314559
- 223140
- 141E28
- 070C13
- 010203
Tonos
- 89B1DC
- 88ACD1
- 87A6C7
- 86A1BD
- 869BB2
- 8596A8
- 84909E
- 828B94
- 81868A
Armonías de color
Complementario +180°
- 89B7E6
Electric Eel
- D5A977
≈ Band-Aid
Análogo -30° +30°
- 89B7E6
Electric Eel
- 72BFD7
≈ Cologne
- A7ADE7
≈ Maximum Blue Purple
Triádico +120° +240°
- 89B7E6
Electric Eel
- E29CA7
≈ Colorado Dawn
- A1BD84
≈ Nile Green
Complementario dividido +150° +210°
- 89B7E6
Electric Eel
- E1A08A
≈ Venetian Plaster
- BFB475
≈ Misty Moss
Tetrádico +90° +180° +270°
- 89B7E6
Electric Eel
- D79EC4
≈ Prominent Pink
- D5A977
≈ Band-Aid
- 83C3A0
≈ Willow Hedge
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 9.97:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--electric-eel: #89b7e6;
--electric-eel-rgb: 137 183 230;
--electric-eel-oklch: oklch(0.764 0.084 249.5);
}
.element {
color: var(--electric-eel);
background-color: hsl(210 65% 72%);
border-color: oklch(0.764 0.084 249.5);
}Tailwind CSS v4
@theme {
--color-electric-eel: #89b7e6;
--color-electric-eel-50: #e4f7ff;
--color-electric-eel-100: #d4ebff;
--color-electric-eel-200: #bbd7f8;
--color-electric-eel-300: #98bbe2;
--color-electric-eel-400: #78a3ce;
--color-electric-eel-500: #598abc;
--color-electric-eel-600: #4c759e;
--color-electric-eel-700: #3c5e7f;
--color-electric-eel-800: #2a455e;
--color-electric-eel-900: #1c3042;
--color-electric-eel-950: #0c1c2a;
}SCSS
$electric-eel: #89b7e6;
$electric-eel-rgb: 137, 183, 230;
$electric-eel-light: mix(#fff, $electric-eel, 20%);
$electric-eel-dark: mix(#000, $electric-eel, 20%);
.element {
color: $electric-eel;
box-shadow: 0 0 0 2px rgba($electric-eel, 0.35);
}