Color con nombre más cercano · #00A0AE
#00A0AE
Color con nombre más cercano: Baltic
#00A0AE (rgb(0 160 174), hsl(185 100% 34%), oklch(0.644 0.11 205.8)) se parece más al color con nombre Baltic. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#00A0AE
oklch(0.644 0.11 205.8)
Conversiones de color
- HEX
- #00a0ae
- RGB
- rgb(0 160 174)
- HSL
- hsl(185 100% 34%)
- HWB
- hwb(185 0% 32%)
- OKLCH
- oklch(0.644 0.11 205.8)
- OKLab
- oklab(0.644 -0.099 -0.048)
- CIE Lab
- lab(59.68 -32.24 -17.82)
- LCH
- lch(59.68 36.84 208.9)
- CMYK
- cmyk(100% 8% 0% 32%)
Tintes · Sombras · Tonos
Tintes
- 3BAAB6
- 58B3BE
- 70BDC6
- 86C6CE
- 9BD0D6
- B0D9DE
- C4E3E6
- D7ECEF
- EBF6F7
Sombras
- 008B97
- 007680
- 00616A
- 004E55
- 003B41
- 00292E
- 00191C
- 00090B
- 000101
Tonos
- 2A9DA9
- 3C9AA5
- 4A97A0
- 55949C
- 5E9197
- 668D92
- 6D8A8E
- 748789
- 7A8385
Armonías de color
Complementario +180°
- 00A0AE
Baltic
- C8716A
≈ Abbey Pink
Análogo -30° +30°
- 00A0AE
Baltic
- 29A38B
≈ Stamp Pad Green
- 3E97C7
≈ Stratos Blue
Triádico +120° +240°
- 00A0AE
Baltic
- B075B2
≈ Moonlight Melody
- AB8833
≈ Rich Gold
Complementario dividido +150° +210°
- 00A0AE
Baltic
- C27090
≈ Prehistoric Pink
- C07A47
≈ Sedona at Sunset
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.16:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.63:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.63:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--baltic: #00a0ae;
--baltic-rgb: 0 160 174;
--baltic-oklch: oklch(0.644 0.11 205.8);
}
.element {
color: var(--baltic);
background-color: hsl(185 100% 34%);
border-color: oklch(0.644 0.11 205.8);
}Tailwind CSS v4
@theme {
--color-baltic: #00a0ae;
--color-baltic-50: #d2ffff;
--color-baltic-100: #bef3fb;
--color-baltic-200: #9ce2ed;
--color-baltic-300: #6dc7d5;
--color-baltic-400: #39b1be;
--color-baltic-500: #009aaa;
--color-baltic-600: #00828f;
--color-baltic-700: #006873;
--color-baltic-800: #004d54;
--color-baltic-900: #00363a;
--color-baltic-950: #002024;
}SCSS
$baltic: #00a0ae;
$baltic-rgb: 0, 160, 174;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}