Color HEX #3BA7C4, RGB(59,167,196)

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

#3ba7c4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

3ba7c4 color palette from light to dark

HEX RGB HSL
#010304 rgb(1,3,4) hsl(193,54%,1%)
#020708 rgb(2,7,8) hsl(193,54%,2%)
#040a0c rgb(4,10,12) hsl(193,54%,3%)
#050d10 rgb(5,13,16) hsl(193,54%,4%)
#061114 rgb(6,17,20) hsl(193,54%,5%)
#071418 rgb(7,20,24) hsl(193,54%,6%)
#08171b rgb(8,23,27) hsl(193,54%,7%)
#091b1f rgb(9,27,31) hsl(193,54%,8%)
#0b1e23 rgb(11,30,35) hsl(193,54%,9%)
#0c2127 rgb(12,33,39) hsl(193,54%,10%)
#0d252b rgb(13,37,43) hsl(193,54%,11%)
#0e282f rgb(14,40,47) hsl(193,54%,12%)
#0f2b33 rgb(15,43,51) hsl(193,54%,13%)
#102f37 rgb(16,47,55) hsl(193,54%,14%)
#12323b rgb(18,50,59) hsl(193,54%,15%)
#13353f rgb(19,53,63) hsl(193,54%,16%)
#143943 rgb(20,57,67) hsl(193,54%,17%)
#153c47 rgb(21,60,71) hsl(193,54%,18%)
#163f4b rgb(22,63,75) hsl(193,54%,19%)
#17434f rgb(23,67,79) hsl(193,54%,20%)
#194652 rgb(25,70,82) hsl(193,54%,21%)
#1a4956 rgb(26,73,86) hsl(193,54%,22%)
#1b4d5a rgb(27,77,90) hsl(193,54%,23%)
#1c505e rgb(28,80,94) hsl(193,54%,24%)
#1d5362 rgb(29,83,98) hsl(193,54%,25%)
#1e5766 rgb(30,87,102) hsl(193,54%,26%)
#205a6a rgb(32,90,106) hsl(193,54%,27%)
#215d6e rgb(33,93,110) hsl(193,54%,28%)
#226172 rgb(34,97,114) hsl(193,54%,29%)
#236476 rgb(35,100,118) hsl(193,54%,30%)
#24677a rgb(36,103,122) hsl(193,54%,31%)
#266b7e rgb(38,107,126) hsl(193,54%,32%)
#276e82 rgb(39,110,130) hsl(193,54%,33%)
#287186 rgb(40,113,134) hsl(193,54%,34%)
#297589 rgb(41,117,137) hsl(193,54%,35%)
#2a788d rgb(42,120,141) hsl(193,54%,36%)
#2b7b91 rgb(43,123,145) hsl(193,54%,37%)
#2d7f95 rgb(45,127,149) hsl(193,54%,38%)
#2e8299 rgb(46,130,153) hsl(193,54%,39%)
#2f859d rgb(47,133,157) hsl(193,54%,40%)
#3089a1 rgb(48,137,161) hsl(193,54%,41%)
#318ca5 rgb(49,140,165) hsl(193,54%,42%)
#328fa9 rgb(50,143,169) hsl(193,54%,43%)
#3493ad rgb(52,147,173) hsl(193,54%,44%)
#3596b1 rgb(53,150,177) hsl(193,54%,45%)
#3699b5 rgb(54,153,181) hsl(193,54%,46%)
#379db9 rgb(55,157,185) hsl(193,54%,47%)
#38a0bc rgb(56,160,188) hsl(193,54%,48%)
#39a3c0 rgb(57,163,192) hsl(193,54%,49%)
#3ba7c4 rgb(59,167,196) hsl(193,54%,50%)
#3fa8c6 rgb(63,168,198) hsl(193,54%,51%)
#43aac7 rgb(67,170,199) hsl(193,54%,52%)
#46acc8 rgb(70,172,200) hsl(193,54%,53%)
#4aaec9 rgb(74,174,201) hsl(193,54%,54%)
#4eafca rgb(78,175,202) hsl(193,54%,55%)
#52b1cb rgb(82,177,203) hsl(193,54%,56%)
#56b3cd rgb(86,179,205) hsl(193,54%,57%)
#5ab5ce rgb(90,181,206) hsl(193,54%,58%)
#5eb6cf rgb(94,182,207) hsl(193,54%,59%)
#62b8d0 rgb(98,184,208) hsl(193,54%,60%)
#66bad1 rgb(102,186,209) hsl(193,54%,61%)
#6abcd2 rgb(106,188,210) hsl(193,54%,62%)
#6ebed4 rgb(110,190,212) hsl(193,54%,63%)
#72bfd5 rgb(114,191,213) hsl(193,54%,64%)
#76c1d6 rgb(118,193,214) hsl(193,54%,65%)
#79c3d7 rgb(121,195,215) hsl(193,54%,66%)
#7dc5d8 rgb(125,197,216) hsl(193,54%,67%)
#81c6d9 rgb(129,198,217) hsl(193,54%,68%)
#85c8db rgb(133,200,219) hsl(193,54%,69%)
#89cadc rgb(137,202,220) hsl(193,54%,70%)
#8dccdd rgb(141,204,221) hsl(193,54%,71%)
#91cdde rgb(145,205,222) hsl(193,54%,72%)
#95cfdf rgb(149,207,223) hsl(193,54%,73%)
#99d1e1 rgb(153,209,225) hsl(193,54%,74%)
#9dd3e2 rgb(157,211,226) hsl(193,54%,75%)
#a1d5e3 rgb(161,213,227) hsl(193,54%,76%)
#a5d6e4 rgb(165,214,228) hsl(193,54%,77%)
#a9d8e5 rgb(169,216,229) hsl(193,54%,78%)
#addae6 rgb(173,218,230) hsl(193,54%,79%)
#b0dce8 rgb(176,220,232) hsl(193,54%,80%)
#b4dde9 rgb(180,221,233) hsl(193,54%,81%)
#b8dfea rgb(184,223,234) hsl(193,54%,82%)
#bce1eb rgb(188,225,235) hsl(193,54%,83%)
#c0e3ec rgb(192,227,236) hsl(193,54%,84%)
#c4e4ed rgb(196,228,237) hsl(193,54%,85%)
#c8e6ef rgb(200,230,239) hsl(193,54%,86%)
#cce8f0 rgb(204,232,240) hsl(193,54%,87%)
#d0eaf1 rgb(208,234,241) hsl(193,54%,88%)
#d4ecf2 rgb(212,236,242) hsl(193,54%,89%)
#d8edf3 rgb(216,237,243) hsl(193,54%,90%)
#dceff4 rgb(220,239,244) hsl(193,54%,91%)
#e0f1f6 rgb(224,241,246) hsl(193,54%,92%)
#e4f3f7 rgb(228,243,247) hsl(193,54%,93%)
#e7f4f8 rgb(231,244,248) hsl(193,54%,94%)
#ebf6f9 rgb(235,246,249) hsl(193,54%,95%)
#eff8fa rgb(239,248,250) hsl(193,54%,96%)
#f3fafb rgb(243,250,251) hsl(193,54%,97%)
#f7fbfd rgb(247,251,253) hsl(193,54%,98%)
#fbfdfe rgb(251,253,254) hsl(193,54%,99%)

Adjacent colors

HEX RGB HSL
#3bc485 rgb(59,196,133) hsl(152,54%,50%)
#3ba7c4 rgb(59,167,196) hsl(193,54%,50%)
#3b4dc4 rgb(59,77,196) hsl(232,54%,50%)

Monochromatic colors

HEX RGB HSL
#79c4d6 rgb(121,196,214) hsl(192,53%,66%)
#5ab5cd rgb(90,181,205) hsl(193,53%,58%)
#3ba7c4 rgb(59,167,196) hsl(193,54%,50%)
#318ca4 rgb(49,140,164) hsl(193,54%,42%)
#287385 rgb(40,115,133) hsl(192,54%,34%)
#1e5765 rgb(30,87,101) hsl(192,54%,26%)

Triad color palettes

HEX RGB HSL
#3ba7c4 rgb(59,167,196) hsl(193,54%,50%)
#c43b62 rgb(196,59,98) hsl(343,54%,50%)
#c49c3b rgb(196,156,59) hsl(42,54%,50%)

Tetrad color palettes

HEX RGB HSL
#3ba7c4 rgb(59,167,196) hsl(193,54%,50%)
#c4593b rgb(196,89,59) hsl(13,54%,50%)
#3bc49c rgb(59,196,156) hsl(162,54%,50%)
#c49c3b rgb(196,156,59) hsl(42,54%,50%)