Color HEX #3BA0C4, RGB(59,160,196)

Color name is Pelorous. The color #3ba0c4 is a light shade and moderately saturated.

#3ba0c4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

3ba0c4 color palette from light to dark

HEX RGB HSL
#010304 rgb(1,3,4) hsl(196,54%,1%)
#020608 rgb(2,6,8) hsl(196,54%,2%)
#040a0c rgb(4,10,12) hsl(196,54%,3%)
#050d10 rgb(5,13,16) hsl(196,54%,4%)
#061014 rgb(6,16,20) hsl(196,54%,5%)
#071318 rgb(7,19,24) hsl(196,54%,6%)
#08161b rgb(8,22,27) hsl(196,54%,7%)
#091a1f rgb(9,26,31) hsl(196,54%,8%)
#0b1d23 rgb(11,29,35) hsl(196,54%,9%)
#0c2027 rgb(12,32,39) hsl(196,54%,10%)
#0d232b rgb(13,35,43) hsl(196,54%,11%)
#0e262f rgb(14,38,47) hsl(196,54%,12%)
#0f2a33 rgb(15,42,51) hsl(196,54%,13%)
#102d37 rgb(16,45,55) hsl(196,54%,14%)
#12303b rgb(18,48,59) hsl(196,54%,15%)
#13333f rgb(19,51,63) hsl(196,54%,16%)
#143643 rgb(20,54,67) hsl(196,54%,17%)
#153947 rgb(21,57,71) hsl(196,54%,18%)
#163d4b rgb(22,61,75) hsl(196,54%,19%)
#17404f rgb(23,64,79) hsl(196,54%,20%)
#194352 rgb(25,67,82) hsl(196,54%,21%)
#1a4656 rgb(26,70,86) hsl(196,54%,22%)
#1b495a rgb(27,73,90) hsl(196,54%,23%)
#1c4d5e rgb(28,77,94) hsl(196,54%,24%)
#1d5062 rgb(29,80,98) hsl(196,54%,25%)
#1e5366 rgb(30,83,102) hsl(196,54%,26%)
#20566a rgb(32,86,106) hsl(196,54%,27%)
#21596e rgb(33,89,110) hsl(196,54%,28%)
#225d72 rgb(34,93,114) hsl(196,54%,29%)
#236076 rgb(35,96,118) hsl(196,54%,30%)
#24637a rgb(36,99,122) hsl(196,54%,31%)
#26667e rgb(38,102,126) hsl(196,54%,32%)
#276982 rgb(39,105,130) hsl(196,54%,33%)
#286d86 rgb(40,109,134) hsl(196,54%,34%)
#297089 rgb(41,112,137) hsl(196,54%,35%)
#2a738d rgb(42,115,141) hsl(196,54%,36%)
#2b7691 rgb(43,118,145) hsl(196,54%,37%)
#2d7995 rgb(45,121,149) hsl(196,54%,38%)
#2e7d99 rgb(46,125,153) hsl(196,54%,39%)
#2f809d rgb(47,128,157) hsl(196,54%,40%)
#3083a1 rgb(48,131,161) hsl(196,54%,41%)
#3186a5 rgb(49,134,165) hsl(196,54%,42%)
#3289a9 rgb(50,137,169) hsl(196,54%,43%)
#348cad rgb(52,140,173) hsl(196,54%,44%)
#3590b1 rgb(53,144,177) hsl(196,54%,45%)
#3693b5 rgb(54,147,181) hsl(196,54%,46%)
#3796b9 rgb(55,150,185) hsl(196,54%,47%)
#3899bc rgb(56,153,188) hsl(196,54%,48%)
#399cc0 rgb(57,156,192) hsl(196,54%,49%)
#3ba0c4 rgb(59,160,196) hsl(196,54%,50%)
#3fa2c6 rgb(63,162,198) hsl(196,54%,51%)
#43a3c7 rgb(67,163,199) hsl(196,54%,52%)
#46a5c8 rgb(70,165,200) hsl(196,54%,53%)
#4aa7c9 rgb(74,167,201) hsl(196,54%,54%)
#4ea9ca rgb(78,169,202) hsl(196,54%,55%)
#52abcb rgb(82,171,203) hsl(196,54%,56%)
#56adcd rgb(86,173,205) hsl(196,54%,57%)
#5aafce rgb(90,175,206) hsl(196,54%,58%)
#5eb1cf rgb(94,177,207) hsl(196,54%,59%)
#62b3d0 rgb(98,179,208) hsl(196,54%,60%)
#66b5d1 rgb(102,181,209) hsl(196,54%,61%)
#6ab7d2 rgb(106,183,210) hsl(196,54%,62%)
#6eb8d4 rgb(110,184,212) hsl(196,54%,63%)
#72bad5 rgb(114,186,213) hsl(196,54%,64%)
#76bcd6 rgb(118,188,214) hsl(196,54%,65%)
#79bed7 rgb(121,190,215) hsl(196,54%,66%)
#7dc0d8 rgb(125,192,216) hsl(196,54%,67%)
#81c2d9 rgb(129,194,217) hsl(196,54%,68%)
#85c4db rgb(133,196,219) hsl(196,54%,69%)
#89c6dc rgb(137,198,220) hsl(196,54%,70%)
#8dc8dd rgb(141,200,221) hsl(196,54%,71%)
#91cade rgb(145,202,222) hsl(196,54%,72%)
#95ccdf rgb(149,204,223) hsl(196,54%,73%)
#99cde1 rgb(153,205,225) hsl(196,54%,74%)
#9dcfe2 rgb(157,207,226) hsl(196,54%,75%)
#a1d1e3 rgb(161,209,227) hsl(196,54%,76%)
#a5d3e4 rgb(165,211,228) hsl(196,54%,77%)
#a9d5e5 rgb(169,213,229) hsl(196,54%,78%)
#add7e6 rgb(173,215,230) hsl(196,54%,79%)
#b0d9e8 rgb(176,217,232) hsl(196,54%,80%)
#b4dbe9 rgb(180,219,233) hsl(196,54%,81%)
#b8ddea rgb(184,221,234) hsl(196,54%,82%)
#bcdfeb rgb(188,223,235) hsl(196,54%,83%)
#c0e0ec rgb(192,224,236) hsl(196,54%,84%)
#c4e2ed rgb(196,226,237) hsl(196,54%,85%)
#c8e4ef rgb(200,228,239) hsl(196,54%,86%)
#cce6f0 rgb(204,230,240) hsl(196,54%,87%)
#d0e8f1 rgb(208,232,241) hsl(196,54%,88%)
#d4eaf2 rgb(212,234,242) hsl(196,54%,89%)
#d8ecf3 rgb(216,236,243) hsl(196,54%,90%)
#dceef4 rgb(220,238,244) hsl(196,54%,91%)
#e0f0f6 rgb(224,240,246) hsl(196,54%,92%)
#e4f2f7 rgb(228,242,247) hsl(196,54%,93%)
#e7f4f8 rgb(231,244,248) hsl(196,54%,94%)
#ebf5f9 rgb(235,245,249) hsl(196,54%,95%)
#eff7fa rgb(239,247,250) hsl(196,54%,96%)
#f3f9fb rgb(243,249,251) hsl(196,54%,97%)
#f7fbfd rgb(247,251,253) hsl(196,54%,98%)
#fbfdfe rgb(251,253,254) hsl(196,54%,99%)

Adjacent colors

HEX RGB HSL
#3bc48c rgb(59,196,140) hsl(155,54%,50%)
#3ba0c4 rgb(59,160,196) hsl(196,54%,50%)
#3b45c4 rgb(59,69,196) hsl(236,54%,50%)

Monochromatic colors

HEX RGB HSL
#79bfd6 rgb(121,191,214) hsl(195,53%,66%)
#5ab0cd rgb(90,176,205) hsl(195,53%,58%)
#3ba0c4 rgb(59,160,196) hsl(196,54%,50%)
#3187a4 rgb(49,135,164) hsl(195,54%,42%)
#286e85 rgb(40,110,133) hsl(195,54%,34%)
#1e5465 rgb(30,84,101) hsl(194,54%,26%)

Triad color palettes

HEX RGB HSL
#3ba0c4 rgb(59,160,196) hsl(196,54%,50%)
#c43b5b rgb(196,59,91) hsl(346,54%,50%)
#c4a33b rgb(196,163,59) hsl(46,54%,50%)

Tetrad color palettes

HEX RGB HSL
#3ba0c4 rgb(59,160,196) hsl(196,54%,50%)
#c45e3b rgb(196,94,59) hsl(15,54%,50%)
#3bc4a3 rgb(59,196,163) hsl(166,54%,50%)
#c4a33b rgb(196,163,59) hsl(46,54%,50%)