#306ea2 color information

#306ea2 color space conversions

Hex:

#306ea2

RGB:

48, 110, 162

CMY:

81, 57, 36

CMYK:

70, 32, 0, 36

HSL:

207°, 54.2857%, 41.1765%

HSV (HSB):

207°, 70.3704%, 63.5294%

XYZ:

13.3164, 14.3889, 36.2579

xyY:

0.2082, 0.2250, 14.3889

CIE-Lab:

44.7855, -2.3178, -33.8232

CIE-LCH:

44.7855, 33.9025, 266.0798

CIE-Luv:

44.7855, -23.4125, -49.5541

Hunter-Lab:

37.9327, -3.7189, -30.1194

#306ea2 color charts

#306ea2 RGB chart

#306ea2 CMYK chart

#306ea2 RGB pie chart

#306ea2 color shades, tints & tones

#306ea2 #2b6290 #25567e #20496c #1b3d5a #153148 #102536 #0b1824 #050c12 #000000

Shades of #306ea2

#306ea2 #477eac #5e8eb7 #759ec1 #8caecb #a3bfd6 #bacfe0 #d1dfea #e8eff5 #ffffff

Tints of #306ea2

#306ea2 #39709e #42729a #4b7497 #547693 #5c788f #657a8b #6e7c88 #777e84 #808080

Tones of #306ea2

#306ea2 color schemes

#306ea2 #a16330

Complementary of #306ea2

#30a19c #306ea2 #3035a1

Analogous of #306ea2

#a19c30 #306ea2 #a13035

Split complementary of #306ea2

#6ea130 #306ea2 #a1306e

Triadic of #306ea2

#35a130 #306ea2 #9c30a1 #a16330

Square of #306ea2

#6ea130 #306ea2 #6330a1 #a16330

Tetradic of #306ea2

#306ea2 color preview, HTML & CSS examples

This text has a color of #306ea2

.mytext {color:#306ea2;}

Text color #306ea2

This box has a color of #306ea2

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

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

Background color #306ea2

Border around this has a color of #306ea2

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

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

Border color #306ea2

Random colors

#ca1d1f #263dd0 #07318d #d52143 #8a6744 #ac8f93 #d37c74 #a268a5 #b870de #e9fa96

Random colors