#306aa2 color information

#306aa2 color space conversions

Hex:

#306aa2

RGB:

48, 106, 162

CMY:

81, 58, 36

CMYK:

70, 35, 0, 36

HSL:

209°, 54.2857%, 41.1765%

HSV (HSB):

209°, 70.3704%, 63.5294%

XYZ:

12.8945, 13.5451, 36.1173

xyY:

0.2061, 0.2165, 13.5451

CIE-Lab:

43.5733, 0.1352, -35.7337

CIE-LCH:

43.5733, 35.7340, 270.2168

CIE-Luv:

43.5733, -22.0097, -52.4389

Hunter-Lab:

36.8036, -1.8670, -32.4217

#306aa2 color charts

#306aa2 RGB chart

#306aa2 CMYK chart

#306aa2 RGB pie chart

#306aa2 color shades, tints & tones

#306aa2 #2b5e90 #25527e #20476c #1b3b5a #152f48 #102336 #0b1824 #050c12 #000000

Shades of #306aa2

#306aa2 #477bac #5e8bb7 #759cc1 #8caccb #a3bdd6 #bacde0 #d1deea #e8eef5 #ffffff

Tints of #306aa2

#306aa2 #396c9e #426f9a #4b7197 #547493 #5c768f #65798b #6e7b88 #777e84 #808080

Tones of #306aa2

#306aa2 color schemes

#306aa2 #a16730

Complementary of #306aa2

#30a1a0 #306aa2 #3031a1

Analogous of #306aa2

#a1a030 #306aa2 #a13030

Split complementary of #306aa2

#6aa130 #306aa2 #a1306a

Triadic of #306aa2

#31a130 #306aa2 #a030a1 #a16730

Square of #306aa2

#6aa130 #306aa2 #6730a1 #a16730

Tetradic of #306aa2

#306aa2 color preview, HTML & CSS examples

This text has a color of #306aa2

.mytext {color:#306aa2;}

Text color #306aa2

This box has a color of #306aa2

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

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

Background color #306aa2

Border around this has a color of #306aa2

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

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

Border color #306aa2

Random colors

#39f01e #10964c #f87aec #b3708c #792807 #e9e9cb #289109 #00164f #6eef39 #37c230

Random colors