#306ae2 color information

#306ae2 color space conversions

Hex:

#306ae2

RGB:

48, 106, 226

CMY:

81, 58, 11

CMYK:

79, 53, 0, 11

HSL:

220°, 75.4237%, 53.7255%

HSV (HSB):

220°, 78.7611%, 88.6275%

XYZ:

20.1004, 16.4274, 74.0629

xyY:

0.1818, 0.1485, 16.4274

CIE-Lab:

47.5303, 24.0544, -66.3559

CIE-LCH:

47.5303, 70.5813, 289.9259

CIE-Luv:

47.5303, -20.5873, -102.4504

Hunter-Lab:

40.5308, 17.5947, -79.9706

#306ae2 color charts

#306ae2 RGB chart

#306ae2 CMYK chart

#306ae2 RGB pie chart

#306ae2 color shades, tints & tones

#306ae2 #2b5ec9 #2552b0 #204797 #1b3b7e #152f64 #10234b #0b1832 #050c19 #000000

Shades of #306ae2

#306ae2 #477be5 #5e8be8 #759cec #8cacef #a3bdf2 #bacdf5 #d1def9 #e8eefc #ffffff

Tints of #306ae2

#306ae2 #396cd7 #426fcc #4b71c1 #5474b6 #5c76ac #6579a1 #6e7b96 #777e8b #808080

Tones of #306ae2

#306ae2 color schemes

#306ae2 #e2a830

Complementary of #306ae2

#30c2e2 #306ae2 #4f30e2

Analogous of #306ae2

#c2e230 #306ae2 #e24f30

Split complementary of #306ae2

#69e230 #306ae2 #e23069

Triadic of #306ae2

#30e24f #306ae2 #e230c2 #e2a830

Square of #306ae2

#69e230 #306ae2 #a830e2 #e2a830

Tetradic of #306ae2

#306ae2 color preview, HTML & CSS examples

This text has a color of #306ae2

.mytext {color:#306ae2;}

Text color #306ae2

This box has a color of #306ae2

<div style="background-color:#306ae2;">Content here</div>

.mybackground {background-color:#306ae2;}

Background color #306ae2

Border around this has a color of #306ae2

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

.myborder {border:2px solid #306ae2;}

Border color #306ae2

Random colors

#624f79 #c4ee22 #0aa5e9 #041cde #34951f #1c514f #92c720 #2238ab #e872e5 #c59b4c

Random colors