HEX #304AFF color — Blue Ribbon

The color #304AFF is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304AFF color palette from light to dark

HEX RGB HSL
#fafbff rgb(250,251,255) hsl(232,100%,99%)
#e0e4ff rgb(224,228,255) hsl(232,100%,94%)
#c7ceff rgb(199,206,255) hsl(232,100%,89%)
#adb8ff rgb(173,184,255) hsl(232,100%,84%)
#94a2ff rgb(148,162,255) hsl(232,100%,79%)
#7a8cff rgb(122,140,255) hsl(232,100%,74%)
#6176ff rgb(97,118,255) hsl(232,100%,69%)
#4760ff rgb(71,96,255) hsl(232,100%,64%)
#2e4aff rgb(46,74,255) hsl(232,100%,59%)
#1434ff rgb(20,52,255) hsl(232,100%,54%)
#0021fa rgb(0,33,250) hsl(232,100%,49%)
#001ee0 rgb(0,30,224) hsl(232,100%,44%)
#001bc7 rgb(0,27,199) hsl(232,100%,39%)
#0017ad rgb(0,23,173) hsl(232,100%,34%)
#001494 rgb(0,20,148) hsl(232,100%,29%)
#00107a rgb(0,16,122) hsl(232,100%,24%)
#000d61 rgb(0,13,97) hsl(232,100%,19%)
#000a47 rgb(0,10,71) hsl(232,100%,14%)
#00062e rgb(0,6,46) hsl(232,100%,9%)
#000314 rgb(0,3,20) hsl(232,100%,4%)

Adjacent colors

HEX RGB HSL
#30D4FF rgb(48,212,255) hsl(192,100%,59%)
#304AFF rgb(48,74,255) hsl(232,100%,59%)
#A030FF rgb(160,48,255) hsl(272,100%,59%)

Monochromatic colors

HEX RGB HSL
#909EFF rgb(144,158,255) hsl(232,100%,78%)
#6075FF rgb(96,117,255) hsl(232,100%,69%)
#304AFF rgb(48,74,255) hsl(232,100%,59%)
#0021FE rgb(0,33,254) hsl(232,100%,50%)
#001ACE rgb(0,26,206) hsl(232,100%,40%)
#00149D rgb(0,20,157) hsl(232,100%,31%)

Triad color palettes

HEX RGB HSL
#304AFF rgb(48,74,255) hsl(232,100%,59%)
#FF7D30 rgb(255,125,48) hsl(22,100%,59%)
#B1FF30 rgb(177,255,48) hsl(83,100%,59%)

Tetrad color palettes

HEX RGB HSL
#304AFF rgb(48,74,255) hsl(232,100%,59%)
#FFE630 rgb(255,230,48) hsl(53,100%,59%)
#30B3FF rgb(48,179,255) hsl(202,100%,59%)
#B1FF30 rgb(177,255,48) hsl(83,100%,59%)