#69a7e0
Código de Color HexEl código de color hexadecimal #69a7e0
es una sombra claro medio de cian-azul. En el modelo de color RGB #69a7e0
dicho color se compone de 41.18% de rojo, 65.49% de verde y 87.84% de azul. En el espacio de color HSL #69a7e0
tiene un tono de 208.74 grados, 65.75% de saturación y 64.51% de luminosidad. Este color tiene una longitud de onda aproximada de 489 nm.
#69a7e0
InformaciónInvertido
#96581f 25% saturado
#5aa7ee Escala de grises
#a4a4a4
25% más ligero
#adceee Original
#69a7e0 25% más oscuro
#2a7ecc
deepskyblue
#00bfff 25% desaturado
#77a6d1 Colores web: fuchsia
#ff00ff
rgb(105, 167, 224)
rgba(105, 167, 224, 1.0)
rojo: 41.1765%, amarillo: 57.1617%, azul: 87.8431%
#69a7e0
6924256
-9852960 / 0xff69a7e0
hsl(209, 66%, 65%)
hsla(209, 66%, 65%, 1.0)
matiz: 209 (208.7395), saturación: 53 (53.125), valor: 88 (87.8431)
X: 33.099, Y: 36.0225, Z: 75.7295
x: 0.2285, y: 0.2487, Y: 36.0225
L: 66.5371, a: -3.9909, b: -34.8952
L: 66.5371, u: -28.0897, v: -54.8395
L: 66.5371, C: 35.1227, H: 263.4756
L: 60.0188, a: -6.5942, b: -32.7969
cian: 53 (0.5313), magenta: 25 (0.2545), amarillo: 0 (0), key: 12 (0.1216)
cian: 59 (0.5882), magenta: 35 (0.3451), amarillo: 12 (0.1216)
Y: 154.96, I: -55.2464, Q: 4.6244
Y: 154.96, U: 33.9757, V: -43.8306
Y: 154.96, Db: 103.881, Dr: 95.015
Y: 149.105, Cb: 162.199, Cr: 96.735
Y: 157.898, Pb: 35.63, Pr: -33.622
2.5PB 7/8 aproximado; exacta: Munsell 2.5PB 7/8 / #7eb3f0
#69a7e0
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#69a7e0
a Blanco#69a7e0
a Negro#69a7e0
primer plano
<p style="color: #69a7e0; background-color: #000">#69a7e0 primer plano</p>
#69a7e0
fondo
<p style="background-color: #69a7e0">#69a7e0 fondo</p>
#69a7e0
borde
<p style="border: #69a7e0 3px solid">#69a7e0 borde</p>
#69a7e0
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #69a7e0, #fff); background: -webkit-radial-gradient(50% 50%, #69a7e0, #fff); background: -o-radial-gradient(50% 50%, #69a7e0, #fff); background: -ms-radial-gradient(50% 50%, #69a7e0, #fff); background: radial-gradient(50% 50%, #69a7e0, #fff)">#69a7e0 gradiente radial</p>
#69a7e0
gradiente lineal hasta complementaria #e0a268
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #69a7e0, #e0a268); background: -webkit-linear-gradient(top, #69a7e0, #e0a268); background: -o-linear-gradient(top, #69a7e0, #e0a268); background: -ms-linear-gradient(top, #69a7e0, #e0a268); background: linear-gradient(top, #69a7e0, #e0a268); color: #000">
#69a7e0
gradiente lineal hasta complementaria #e0a268
</p>
#69a7e0
sombra texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #69a7e0">#69a7e0 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #69a7e0
.
Ir a marca de pintura: