#45b6f2 color information

#45b6f2 color space conversions

Hex:

#45b6f2

RGB:

69, 182, 242

CMY:

73, 29, 5

CMYK:

71, 25, 0, 5

HSL:

201°, 86.9347%, 60.9804%

HSV (HSB):

201°, 71.4876%, 94.9020%

XYZ:

35.2092, 41.1319, 90.0879

xyY:

0.2116, 0.2471, 41.1319

CIE-Lab:

70.2682, -12.7509, -39.0198

CIE-LCH:

70.2682, 41.0504, 251.9036

CIE-Luv:

70.2682, -41.2560, -61.2295

Hunter-Lab:

64.1342, -14.2395, -38.3895

#45b6f2 color charts

#45b6f2 RGB chart

#45b6f2 CMYK chart

#45b6f2 RGB pie chart

#45b6f2 color shades, tints & tones

#45b6f2 #3da2d7 #368ebc #2e79a1 #266586 #1f516c #173d51 #0f2836 #08141b #000000

Shades of #45b6f2

#45b6f2 #5abef3 #6ec6f5 #83cef6 #98d6f8 #acdff9 #c1e7fb #d6effc #eaf7fe #ffffff

Tints of #45b6f2

#45b6f2 #4cb0e5 #52aad9 #59a4cc #5f9ebf #6698b3 #6c92a6 #738c99 #79868d #808080

Tones of #45b6f2

#45b6f2 color schemes

#45b6f2 #f18145

Complementary of #45b6f2

#45f1d7 #45b6f2 #455ff1

Analogous of #45b6f2

#f1d745 #45b6f2 #f1455f

Split complementary of #45b6f2

#b5f145 #45b6f2 #f145b5

Triadic of #45b6f2

#5ff145 #45b6f2 #d745f1 #f18145

Square of #45b6f2

#b5f145 #45b6f2 #8045f1 #f18145

Tetradic of #45b6f2

#45b6f2 color preview, HTML & CSS examples

This text has a color of #45b6f2

.mytext {color:#45b6f2;}

Text color #45b6f2

This box has a color of #45b6f2

<div style="background-color:#45b6f2;">Content here</div>

.mybackground {background-color:#45b6f2;}

Background color #45b6f2

Border around this has a color of #45b6f2

<div style="border:2px solid #45b6f2;">Content here</div>

.myborder {border:2px solid #45b6f2;}

Border color #45b6f2

Random colors

#2d1cb1 #733620 #857947 #1a8027 #f77910 #06ec51 #fd58df #365c06 #365528 #a3cf46

Random colors