Color con nombre más cercano · #00BAC0
#00BAC0
Color con nombre más cercano: Glassmith
#00BAC0 (rgb(0 186 192), hsl(182 100% 38%), oklch(0.716 0.122 198.9)) se parece más al color con nombre Glassmith. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#00BAC0
oklch(0.716 0.122 198.9)
Conversiones de color
- HEX
- #00bac0
- RGB
- rgb(0 186 192)
- HSL
- hsl(182 100% 38%)
- HWB
- hwb(182 0% 25%)
- OKLCH
- oklch(0.716 0.122 198.9)
- OKLab
- oklab(0.716 -0.115 -0.039)
- CIE Lab
- lab(68.31 -38.53 -14.84)
- LCH
- lch(68.31 41.29 201.1)
- CMYK
- cmyk(100% 3% 0% 25%)
Tintes · Sombras · Tonos
Tintes
- 41C1C6
- 5FC8CD
- 77CFD3
- 8DD6D9
- A1DDDF
- B5E4E6
- C8EBEC
- DAF2F2
- EDF8F9
Sombras
- 00A1A7
- 00898E
- 007276
- 005C5F
- 004649
- 003234
- 001E20
- 000D0E
- 000202
Tonos
- 2FB4B9
- 42AFB3
- 50A9AC
- 5AA3A6
- 639DA0
- 6B9899
- 719293
- 778C8D
- 7C8686
Armonías de color
Complementario +180°
- 00BAC0
Glassmith
- E68385
≈ Sugar Poppy
Análogo -30° +30°
- 00BAC0
Glassmith
- 41BC96
≈ Expressionism Green
- 3CB1E0
≈ Summer Sky
Triádico +120° +240°
- 00BAC0
Glassmith
- C48AD4
≈ Purception
- CC9A3F
≈ Camel Cardinal
Complementario dividido +150° +210°
- 00BAC0
Glassmith
- DC83B0
≈ Middle Purple
- E18B5C
≈ Aegean Sky
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.39:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.78:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.78:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--glassmith: #00bac0;
--glassmith-rgb: 0 186 192;
--glassmith-oklch: oklch(0.716 0.122 198.9);
}
.element {
color: var(--glassmith);
background-color: hsl(182 100% 38%);
border-color: oklch(0.716 0.122 198.9);
}Tailwind CSS v4
@theme {
--color-glassmith: #00bac0;
--color-glassmith-50: #cdffff;
--color-glassmith-100: #b8f5f9;
--color-glassmith-200: #94e4e9;
--color-glassmith-300: #61cad1;
--color-glassmith-400: #18b4b9;
--color-glassmith-500: #009da4;
--color-glassmith-600: #00858b;
--color-glassmith-700: #006a6f;
--color-glassmith-800: #004f51;
--color-glassmith-900: #003738;
--color-glassmith-950: #002123;
}SCSS
$glassmith: #00bac0;
$glassmith-rgb: 0, 186, 192;
$glassmith-light: mix(#fff, $glassmith, 20%);
$glassmith-dark: mix(#000, $glassmith, 20%);
.element {
color: $glassmith;
box-shadow: 0 0 0 2px rgba($glassmith, 0.35);
}