#31aad2 color information

#31aad2 color space conversions

Hex:

#31aad2

RGB:

49, 170, 210

CMY:

81, 33, 18

CMYK:

77, 19, 0, 18

HSL:

195°, 64.1434%, 50.7843%

HSV (HSB):

195°, 76.6667%, 82.3529%

XYZ:

27.2742, 34.0556, 66.1086

xyY:

0.2140, 0.2672, 34.0556

CIE-Lab:

65.0067, -19.3737, -29.6876

CIE-LCH:

65.0067, 35.4499, 236.8721

CIE-Luv:

65.0067, -41.9988, -44.0638

Hunter-Lab:

58.3571, -18.7000, -26.3154

#31aad2 color charts

#31aad2 RGB chart

#31aad2 CMYK chart

#31aad2 RGB pie chart

#31aad2 color shades, tints & tones

#31aad2 #2c97bb #2684a3 #21718c #1b5e75 #164c5d #103946 #0b262f #051317 #000000

Shades of #31aad2

#31aad2 #48b3d7 #5fbddc #76c6e1 #8dd0e6 #a3d9eb #bae3f0 #d1ecf5 #e8f6fa #ffffff

Tints of #31aad2

#31aad2 #3aa5c9 #43a1c0 #4b9cb7 #5497ae #5d93a4 #668e9b #6e8992 #778589 #808080

Tones of #31aad2

#31aad2 color schemes

#31aad2 #d15831

Complementary of #31aad2

#31d1a9 #31aad2 #3159d1

Analogous of #31aad2

#d1a931 #31aad2 #d13159

Split complementary of #31aad2

#aad131 #31aad2 #d131aa

Triadic of #31aad2

#59d131 #31aad2 #a931d1 #d15831

Square of #31aad2

#aad131 #31aad2 #5831d1 #d15831

Tetradic of #31aad2

#31aad2 color preview, HTML & CSS examples

This text has a color of #31aad2

.mytext {color:#31aad2;}

Text color #31aad2

This box has a color of #31aad2

<div style="background-color:#31aad2;">Content here</div>

.mybackground {background-color:#31aad2;}

Background color #31aad2

Border around this has a color of #31aad2

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

.myborder {border:2px solid #31aad2;}

Border color #31aad2

Random colors

#5ba7d7 #35afac #2b8e5c #6b6ba4 #d39bb6 #3de05f #5a5eee #7b55c5 #0a8022 #d394a0

Random colors