Color HEX #225ADD, RGB(34,90,221)

Color name is Mariner. The color #225add is a dark shade and highly saturated.

#225add
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

225add color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(222,73%,1%)
#010409 rgb(1,4,9) hsl(222,73%,2%)
#02050d rgb(2,5,13) hsl(222,73%,3%)
#030712 rgb(3,7,18) hsl(222,73%,4%)
#030916 rgb(3,9,22) hsl(222,73%,5%)
#040b1a rgb(4,11,26) hsl(222,73%,6%)
#050d1f rgb(5,13,31) hsl(222,73%,7%)
#060e23 rgb(6,14,35) hsl(222,73%,8%)
#061028 rgb(6,16,40) hsl(222,73%,9%)
#07122c rgb(7,18,44) hsl(222,73%,10%)
#081431 rgb(8,20,49) hsl(222,73%,11%)
#081635 rgb(8,22,53) hsl(222,73%,12%)
#091739 rgb(9,23,57) hsl(222,73%,13%)
#0a193e rgb(10,25,62) hsl(222,73%,14%)
#0a1b42 rgb(10,27,66) hsl(222,73%,15%)
#0b1d47 rgb(11,29,71) hsl(222,73%,16%)
#0c1f4b rgb(12,31,75) hsl(222,73%,17%)
#0c204f rgb(12,32,79) hsl(222,73%,18%)
#0d2254 rgb(13,34,84) hsl(222,73%,19%)
#0e265d rgb(14,38,93) hsl(222,73%,21%)
#0f2861 rgb(15,40,97) hsl(222,73%,22%)
#102a65 rgb(16,42,101) hsl(222,73%,23%)
#112b6a rgb(17,43,106) hsl(222,73%,24%)
#112d6e rgb(17,45,110) hsl(222,73%,25%)
#122f73 rgb(18,47,115) hsl(222,73%,26%)
#133177 rgb(19,49,119) hsl(222,73%,27%)
#13337c rgb(19,51,124) hsl(222,73%,28%)
#143480 rgb(20,52,128) hsl(222,73%,29%)
#153684 rgb(21,54,132) hsl(222,73%,30%)
#153889 rgb(21,56,137) hsl(222,73%,31%)
#163a8d rgb(22,58,141) hsl(222,73%,32%)
#173c92 rgb(23,60,146) hsl(222,73%,33%)
#173d96 rgb(23,61,150) hsl(222,73%,34%)
#183f9a rgb(24,63,154) hsl(222,73%,35%)
#19419f rgb(25,65,159) hsl(222,73%,36%)
#1943a3 rgb(25,67,163) hsl(222,73%,37%)
#1a45a8 rgb(26,69,168) hsl(222,73%,38%)
#1b46ac rgb(27,70,172) hsl(222,73%,39%)
#1c48b0 rgb(28,72,176) hsl(222,73%,40%)
#1c4ab5 rgb(28,74,181) hsl(222,73%,41%)
#1d4cb9 rgb(29,76,185) hsl(222,73%,42%)
#1e4ebe rgb(30,78,190) hsl(222,73%,43%)
#1e4fc2 rgb(30,79,194) hsl(222,73%,44%)
#1f51c7 rgb(31,81,199) hsl(222,73%,45%)
#2053cb rgb(32,83,203) hsl(222,73%,46%)
#2055cf rgb(32,85,207) hsl(222,73%,47%)
#2157d4 rgb(33,87,212) hsl(222,73%,48%)
#2258d8 rgb(34,88,216) hsl(222,73%,49%)
#225add rgb(34,90,221) hsl(222,73%,50%)
#275edd rgb(39,94,221) hsl(222,73%,51%)
#2b61de rgb(43,97,222) hsl(222,73%,52%)
#3064df rgb(48,100,223) hsl(222,73%,53%)
#3467df rgb(52,103,223) hsl(222,73%,54%)
#386be0 rgb(56,107,224) hsl(222,73%,55%)
#3d6ee1 rgb(61,110,225) hsl(222,73%,56%)
#4171e1 rgb(65,113,225) hsl(222,73%,57%)
#4675e2 rgb(70,117,226) hsl(222,73%,58%)
#4a78e3 rgb(74,120,227) hsl(222,73%,59%)
#4f7be3 rgb(79,123,227) hsl(222,73%,60%)
#537fe4 rgb(83,127,228) hsl(222,73%,61%)
#5782e5 rgb(87,130,229) hsl(222,73%,62%)
#5c85e6 rgb(92,133,230) hsl(222,73%,63%)
#6088e6 rgb(96,136,230) hsl(222,73%,64%)
#658ce7 rgb(101,140,231) hsl(222,73%,65%)
#698fe8 rgb(105,143,232) hsl(222,73%,66%)
#6d92e8 rgb(109,146,232) hsl(222,73%,67%)
#7296e9 rgb(114,150,233) hsl(222,73%,68%)
#7699ea rgb(118,153,234) hsl(222,73%,69%)
#7b9cea rgb(123,156,234) hsl(222,73%,70%)
#7f9feb rgb(127,159,235) hsl(222,73%,71%)
#83a3ec rgb(131,163,236) hsl(222,73%,72%)
#88a6ec rgb(136,166,236) hsl(222,73%,73%)
#8ca9ed rgb(140,169,237) hsl(222,73%,74%)
#91adee rgb(145,173,238) hsl(222,73%,75%)
#95b0ee rgb(149,176,238) hsl(222,73%,76%)
#9ab3ef rgb(154,179,239) hsl(222,73%,77%)
#9eb7f0 rgb(158,183,240) hsl(222,73%,78%)
#a2baf1 rgb(162,186,241) hsl(222,73%,79%)
#a7bdf1 rgb(167,189,241) hsl(222,73%,80%)
#abc0f2 rgb(171,192,242) hsl(222,73%,81%)
#b0c4f3 rgb(176,196,243) hsl(222,73%,82%)
#b4c7f3 rgb(180,199,243) hsl(222,73%,83%)
#b8caf4 rgb(184,202,244) hsl(222,73%,84%)
#bdcef5 rgb(189,206,245) hsl(222,73%,85%)
#c1d1f5 rgb(193,209,245) hsl(222,73%,86%)
#c6d4f6 rgb(198,212,246) hsl(222,73%,87%)
#cad7f7 rgb(202,215,247) hsl(222,73%,88%)
#cedbf7 rgb(206,219,247) hsl(222,73%,89%)
#d3def8 rgb(211,222,248) hsl(222,73%,90%)
#d7e1f9 rgb(215,225,249) hsl(222,73%,91%)
#dce5f9 rgb(220,229,249) hsl(222,73%,92%)
#e0e8fa rgb(224,232,250) hsl(222,73%,93%)
#e5ebfb rgb(229,235,251) hsl(222,73%,94%)
#e9effc rgb(233,239,252) hsl(222,73%,95%)
#edf2fc rgb(237,242,252) hsl(222,73%,96%)
#f2f5fd rgb(242,245,253) hsl(222,73%,97%)
#f6f8fe rgb(246,248,254) hsl(222,73%,98%)
#fbfcfe rgb(251,252,254) hsl(222,73%,99%)

Adjacent colors

HEX RGB HSL
#22d6dd rgb(34,214,221) hsl(182,73%,50%)
#225add rgb(34,90,221) hsl(222,73%,50%)
#6621dd rgb(102,33,221) hsl(262,74%,50%)

Monochromatic colors

HEX RGB HSL
#688fe7 rgb(104,143,231) hsl(222,73%,66%)
#4575e2 rgb(69,117,226) hsl(222,73%,58%)
#225add rgb(34,90,221) hsl(222,73%,50%)
#1c4db9 rgb(28,77,185) hsl(221,74%,42%)
#173d96 rgb(23,61,150) hsl(222,73%,34%)
#112e72 rgb(17,46,114) hsl(222,74%,26%)

Triad color palettes

HEX RGB HSL
#225add rgb(34,90,221) hsl(222,73%,50%)
#dd4722 rgb(221,71,34) hsl(12,73%,50%)
#b7de22 rgb(183,222,34) hsl(72,74%,50%)

Tetrad color palettes

HEX RGB HSL
#225add rgb(34,90,221) hsl(222,73%,50%)
#dda622 rgb(221,166,34) hsl(42,73%,50%)
#22b8dd rgb(34,184,221) hsl(192,73%,50%)
#b7de22 rgb(183,222,34) hsl(72,74%,50%)