HEX #226EB4 color — Mariner

The color #226eb4 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226eb4 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(209,68%,97%)
#ddebf8 rgb(221,235,248) hsl(209,68%,92%)
#c7dff4 rgb(199,223,244) hsl(209,68%,87%)
#b2d2f0 rgb(178,210,240) hsl(209,68%,82%)
#9cc6ec rgb(156,198,236) hsl(209,68%,77%)
#87b9e8 rgb(135,185,232) hsl(209,68%,72%)
#72ade4 rgb(114,173,228) hsl(209,68%,67%)
#5ca0e0 rgb(92,160,224) hsl(209,68%,62%)
#4794dc rgb(71,148,220) hsl(209,68%,57%)
#3187d8 rgb(49,135,216) hsl(209,68%,52%)
#267bc9 rgb(38,123,201) hsl(209,68%,47%)
#226eb4 rgb(34,110,180) hsl(209,68%,42%)
#1e609f rgb(30,96,159) hsl(209,68%,37%)
#1a5389 rgb(26,83,137) hsl(209,68%,32%)
#164674 rgb(22,70,116) hsl(209,68%,27%)
#12395e rgb(18,57,94) hsl(209,68%,22%)
#0e2c49 rgb(14,44,73) hsl(209,68%,17%)
#0a1f33 rgb(10,31,51) hsl(209,68%,12%)
#06121e rgb(6,18,30) hsl(209,68%,7%)
#020509 rgb(2,5,9) hsl(209,68%,2%)

Adjacent colors

HEX RGB HSL
#22B598 rgb(34,181,152) hsl(168,68%,42%)
#226EB4 rgb(34,110,180) hsl(209,68%,42%)
#3721B4 rgb(55,33,180) hsl(249,69%,42%)

Monochromatic colors

HEX RGB HSL
#3F91DA rgb(63,145,218) hsl(208,68%,55%)
#2780D0 rgb(39,128,208) hsl(208,68%,48%)
#226EB4 rgb(34,110,180) hsl(209,68%,42%)
#1C5C97 rgb(28,92,151) hsl(209,69%,35%)
#174A7A rgb(23,74,122) hsl(209,68%,28%)
#11385D rgb(17,56,93) hsl(209,69%,22%)

Triad color palettes

HEX RGB HSL
#226EB4 rgb(34,110,180) hsl(209,68%,42%)
#B42125 rgb(180,33,37) hsl(358,69%,42%)
#B4B022 rgb(180,176,34) hsl(58,68%,42%)

Tetrad color palettes

HEX RGB HSL
#226EB4 rgb(34,110,180) hsl(209,68%,42%)
#B46922 rgb(180,105,34) hsl(29,68%,42%)
#22B5B1 rgb(34,181,177) hsl(178,68%,42%)
#B4B022 rgb(180,176,34) hsl(58,68%,42%)