#00a3bb
Código de Color HexEl código de color hexadecimal #00a3bb
es una sombra oscura media de cian. En el modelo de color RGB #00a3bb
dicho color se compone de 0% de rojo, 63.92% de verde y 73.33% de azul. En el espacio de color HSL #00a3bb
tiene un tono de 187.7 grados, 100% de saturación y 36.67% de luminosidad. Este color tiene una longitud de onda aproximada de 502 nm.
#00a3bb
InformaciónInvertido
#ff5c44 25% saturado
#00a3bb Escala de grises
#5d5d5d
25% más ligero
#00cbe9 Original
#00a3bb 25% más oscuro
#007a8c
Cadet blue / cadetblue
#5f9ea0 25% desaturado
#1791a3 Colores web: teal
#008080
rgb(0, 163, 187)
rgba(0, 163, 187, 1.0)
rojo: 0%, amarillo: 34.1524%, azul: 73.3333%
#00a3bb
41915
-16735301 / 0xff00a3bb
hsl(188, 100%, 37%)
hsla(188, 100%, 37%, 1.0)
matiz: 188 (187.7005), saturación: 100 (100), valor: 73 (73.3333)
X: 22.0668, Y: 29.7822, Z: 51.5992
x: 0.2133, y: 0.2879, Y: 29.7822
L: 61.4659, a: -26.599, b: -22.3662
L: 61.4659, u: -44.9826, v: -30.77
L: 61.4659, C: 34.7528, H: 220.0594
L: 54.5731, a: -23.3258, b: -17.8579
cian: 100 (1), magenta: 13 (0.1283), amarillo: 0 (0), key: 27 (0.2667)
cian: 100 (1), magenta: 36 (0.3608), amarillo: 27 (0.2667)
Y: 116.999, I: -104.812, Q: -27.0001
Y: 116.999, U: 34.4478, V: -102.6452
Y: 116.999, Db: 105.342, Dr: 222.487
Y: 116.478, Cb: 162.66, Cr: 54.739
Y: 130.009, Pb: 30.745, Pr: -82.604
2.5B 6/8 (aproximado)
#00a3bb
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#00a3bb
a Blanco#00a3bb
a Negro#00a3bb
primer plano
<p style="color: #00a3bb">#00a3bb primer plano</p>
#00a3bb
fondo
<p style="background-color: #00a3bb; color: #fff">#00a3bb fondo</p>
#00a3bb
borde
<p style="border: #00a3bb 3px solid">#00a3bb borde</p>
#00a3bb
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a3bb, #fff); background: -webkit-radial-gradient(50% 50%, #00a3bb, #fff); background: -o-radial-gradient(50% 50%, #00a3bb, #fff); background: -ms-radial-gradient(50% 50%, #00a3bb, #fff); background: radial-gradient(50% 50%, #00a3bb, #fff); color: #fff">#00a3bb gradiente radial</p>
#00a3bb
gradiente lineal hasta complementaria #bb1700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a3bb, #bb1700); background: -webkit-linear-gradient(top, #00a3bb, #bb1700); background: -o-linear-gradient(top, #00a3bb, #bb1700); background: -ms-linear-gradient(top, #00a3bb, #bb1700); background: linear-gradient(top, #00a3bb, #bb1700); color: #fff">
#00a3bb
gradiente lineal hasta complementaria #bb1700
</p>
#00a3bb
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a3bb">#00a3bb sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #00a3bb
.
Ir a marca de pintura: