#45aad2 color information

#45aad2 color space conversions

Hex:
#45aad2
RGB:
69, 170, 210
CMY:
73, 33, 18
CMYK:
67, 19, 0, 18
HSL:
197°, 61.0390%, 54.7059%
HSV (HSB):
197°, 67.1429%, 82.3529%
XYZ:
28.4618, 34.6678, 66.1642
xyY:
0.2201, 0.2681, 34.6678
CIE-Lab:
65.4892, -16.7348, -28.9030
CIE-LCH:
65.4892, 33.3982, 239.9293
CIE-Luv:
65.4892, -38.6755, -43.1095
Hunter-Lab:
58.8794, -16.7534, -25.4101

#45aad2 color charts

#45aad2 RGB chart
#45aad2 CMYK chart
#45aad2 RGB pie chart

#45aad2 color shades, tints & tones

#45aad2 color schemes

#45aad2 #d26d44
Complementary of #45aad2
#44d2b3 #45aad2 #4463d2
Analogous of #45aad2
#d2b344 #45aad2 #d24463
Split complementary of #45aad2
#aad244 #45aad2 #d244a9
Triadic of #45aad2
#63d244 #45aad2 #b344d2 #d26d44
Square of #45aad2
#aad244 #45aad2 #6c44d2 #d26d44
Tetradic of #45aad2

#45aad2 color preview, HTML & CSS examples

This text has a color of #45aad2
<p style="color:#45aad2;">Text here</p>
.mytext {color:#45aad2;}
Text color #45aad2
This box has a color of #45aad2
<div style="background-color:#45aad2;">Content here</div>
.mybackground {background-color:#45aad2;}
Background color #45aad2
Border around this has a color of #45aad2
<div style="border:2px solid #45aad2;">Content here</div>
.myborder {border:2px solid #45aad2;}
Border color #45aad2

Random colors

© ColorsDB.com, 2014-2018