Color con nombre · #00FFEE
Master Sword Blue
Master Sword Blue es #00FFEE: rgb(0 255 238), hsl(176 100% 50%), oklch(0.9 0.158 186.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Master Sword Blue color name →
#00FFEE
oklch(0.9 0.158 186.3)
Conversiones de color
- HEX
- #00ffee
- RGB
- rgb(0 255 238)
- HSL
- hsl(176 100% 50%)
- HWB
- hwb(176 0% 0%)
- OKLCH
- oklch(0.9 0.158 186.3)
- OKLab
- oklab(0.9 -0.157 -0.017)
- CIE Lab
- lab(90.26 -54.35 -6.81)
- LCH
- lch(90.26 54.77 187.1)
- CMYK
- cmyk(100% 0% 7% 0%)
Tintes · Sombras · Tonos
Tintes
- 4FFFF0
- 70FFF1
- 89FFF3
- 9EFFF5
- B1FFF7
- C2FFF8
- D2FFFA
- E2FFFC
- F1FFFD
Sombras
- 00DECF
- 00BEB1
- 009E93
- 008077
- 00635C
- 004842
- 002E2A
- 001614
- 000303
Tonos
- 3AF2E2
- 50E5D7
- 5ED8CC
- 69CBC1
- 70BEB5
- 76B2AB
- 7AA5A0
- 7D9995
- 7F8C8A
Armonías de color
Complementario +180°
- 00FFEE
Master Sword Blue
- FFD0D8
≈ Love Fumes
Análogo -30° +30°
- 00FFEE
Master Sword Blue
- 79FDB2
≈ Green Epiphany
- A2EBFF
≈ Fresh Air
Triádico +120° +240°
- 00FFEE
Master Sword Blue
- E8D4FF
≈ Rose Dragée
- FFD5AD
≈ Neon Cloud
Complementario dividido +150° +210°
- 00FFEE
Master Sword Blue
- FFCCF1
≈ Puff of Pink
- FFD2C6
≈ Salmon Mousse
Tetrádico +90° +180° +270°
- 00FFEE
Master Sword Blue
- D5DCFF
≈ Icy Plains
- FFD0D8
≈ Love Fumes
- FDDD50
≈ Royal Star
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.53:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.53:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--master-sword-blue: #00ffee;
--master-sword-blue-rgb: 0 255 238;
--master-sword-blue-oklch: oklch(0.9 0.158 186.3);
}
.element {
color: var(--master-sword-blue);
background-color: hsl(176 100% 50%);
border-color: oklch(0.9 0.158 186.3);
}Tailwind CSS v4
@theme {
--color-master-sword-blue: #00ffee;
--color-master-sword-blue-50: #c1fffe;
--color-master-sword-blue-100: #aafaf2;
--color-master-sword-blue-200: #7ceae1;
--color-master-sword-blue-300: #31d1c7;
--color-master-sword-blue-400: #00bbad;
--color-master-sword-blue-500: #00a596;
--color-master-sword-blue-600: #008b7f;
--color-master-sword-blue-700: #007066;
--color-master-sword-blue-800: #005349;
--color-master-sword-blue-900: #003a32;
--color-master-sword-blue-950: #00241e;
}SCSS
$master-sword-blue: #00ffee;
$master-sword-blue-rgb: 0, 255, 238;
$master-sword-blue-light: mix(#fff, $master-sword-blue, 20%);
$master-sword-blue-dark: mix(#000, $master-sword-blue, 20%);
.element {
color: $master-sword-blue;
box-shadow: 0 0 0 2px rgba($master-sword-blue, 0.35);
}