Color con nombre · #0EE8A3
Mega Teal
Mega Teal es #0EE8A3: rgb(14 232 163), hsl(161 89% 48%), oklch(0.824 0.177 162.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Mega Teal color name →
#0EE8A3
oklch(0.824 0.177 162.7)
Conversiones de color
- HEX
- #0ee8a3
- RGB
- rgb(14 232 163)
- HSL
- hsl(161 89% 48%)
- HWB
- hwb(161 5% 9%)
- OKLCH
- oklch(0.824 0.177 162.7)
- OKLab
- oklab(0.824 -0.169 0.053)
- CIE Lab
- lab(81.93 -60.38 20.02)
- LCH
- lch(81.93 63.62 161.7)
- CMYK
- cmyk(94% 0% 30% 9%)
Tintes · Sombras · Tonos
Tintes
- 4CEBAC
- 6AEEB5
- 83F0BE
- 98F3C8
- ABF5D1
- BDF7DA
- CFF9E3
- DFFBEC
- EFFDF6
Sombras
- 0BCA8D
- 07AC78
- 059063
- 03744F
- 02593C
- 01402A
- 002919
- 00130A
- 000301
Tonos
- 39DDA0
- 4CD39C
- 5AC999
- 64BE95
- 6CB492
- 72A98E
- 779F8B
- 7B9587
- 7E8A84
Armonías de color
Complementario +180°
- 0EE8A3
Mega Teal
- FFA3DC
≈ Corinthian Pink
Análogo -30° +30°
- 0EE8A3
Mega Teal
- 97DD5B
≈ Lilliputian Lime
- 00E2DE
≈ Fish Boy
Triádico +120° +240°
- 0EE8A3
Mega Teal
- BCBEFF
≈ Dried Lilac
- FFAF8F
≈ Coral Correlation
Complementario dividido +150° +210°
- 0EE8A3
Mega Teal
- E1ADFF
≈ Mauve
- FFABB3
≈ Poodle Skirt
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.09:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--mega-teal: #0ee8a3;
--mega-teal-rgb: 14 232 163;
--mega-teal-oklch: oklch(0.824 0.177 162.7);
}
.element {
color: var(--mega-teal);
background-color: hsl(161 89% 48%);
border-color: oklch(0.824 0.177 162.7);
}Tailwind CSS v4
@theme {
--color-mega-teal: #0ee8a3;
--color-mega-teal-50: #c6ffe8;
--color-mega-teal-100: #affbd9;
--color-mega-teal-200: #86ecc1;
--color-mega-teal-300: #47d4a0;
--color-mega-teal-400: #00bd7f;
--color-mega-teal-500: #00a862;
--color-mega-teal-600: #008e53;
--color-mega-teal-700: #007242;
--color-mega-teal-800: #00542d;
--color-mega-teal-900: #003a1e;
--color-mega-teal-950: #00240e;
}SCSS
$mega-teal: #0ee8a3;
$mega-teal-rgb: 14, 232, 163;
$mega-teal-light: mix(#fff, $mega-teal, 20%);
$mega-teal-dark: mix(#000, $mega-teal, 20%);
.element {
color: $mega-teal;
box-shadow: 0 0 0 2px rgba($mega-teal, 0.35);
}