Color HEX #3BA1C4, RGB(59,161,196)

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

#3ba1c4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

3ba1c4 color palette from light to dark

HEX RGB HSL
#010304 rgb(1,3,4) hsl(195,54%,1%)
#020608 rgb(2,6,8) hsl(195,54%,2%)
#040a0c rgb(4,10,12) hsl(195,54%,3%)
#050d10 rgb(5,13,16) hsl(195,54%,4%)
#061014 rgb(6,16,20) hsl(195,54%,5%)
#071318 rgb(7,19,24) hsl(195,54%,6%)
#08171b rgb(8,23,27) hsl(195,54%,7%)
#091a1f rgb(9,26,31) hsl(195,54%,8%)
#0b1d23 rgb(11,29,35) hsl(195,54%,9%)
#0c2027 rgb(12,32,39) hsl(195,54%,10%)
#0d242b rgb(13,36,43) hsl(195,54%,11%)
#0e272f rgb(14,39,47) hsl(195,54%,12%)
#0f2a33 rgb(15,42,51) hsl(195,54%,13%)
#102d37 rgb(16,45,55) hsl(195,54%,14%)
#12313b rgb(18,49,59) hsl(195,54%,15%)
#13343f rgb(19,52,63) hsl(195,54%,16%)
#143743 rgb(20,55,67) hsl(195,54%,17%)
#153a47 rgb(21,58,71) hsl(195,54%,18%)
#163e4b rgb(22,62,75) hsl(195,54%,19%)
#17414f rgb(23,65,79) hsl(195,54%,20%)
#194452 rgb(25,68,82) hsl(195,54%,21%)
#1a4756 rgb(26,71,86) hsl(195,54%,22%)
#1b4a5a rgb(27,74,90) hsl(195,54%,23%)
#1c4e5e rgb(28,78,94) hsl(195,54%,24%)
#1d5162 rgb(29,81,98) hsl(195,54%,25%)
#1e5466 rgb(30,84,102) hsl(195,54%,26%)
#20576a rgb(32,87,106) hsl(195,54%,27%)
#215b6e rgb(33,91,110) hsl(195,54%,28%)
#225e72 rgb(34,94,114) hsl(195,54%,29%)
#236176 rgb(35,97,118) hsl(195,54%,30%)
#24647a rgb(36,100,122) hsl(195,54%,31%)
#26687e rgb(38,104,126) hsl(195,54%,32%)
#276b82 rgb(39,107,130) hsl(195,54%,33%)
#286e86 rgb(40,110,134) hsl(195,54%,34%)
#297189 rgb(41,113,137) hsl(195,54%,35%)
#2a758d rgb(42,117,141) hsl(195,54%,36%)
#2b7891 rgb(43,120,145) hsl(195,54%,37%)
#2d7b95 rgb(45,123,149) hsl(195,54%,38%)
#2e7e99 rgb(46,126,153) hsl(195,54%,39%)
#2f829d rgb(47,130,157) hsl(195,54%,40%)
#3085a1 rgb(48,133,161) hsl(195,54%,41%)
#3188a5 rgb(49,136,165) hsl(195,54%,42%)
#328ba9 rgb(50,139,169) hsl(195,54%,43%)
#348ead rgb(52,142,173) hsl(195,54%,44%)
#3592b1 rgb(53,146,177) hsl(195,54%,45%)
#3695b5 rgb(54,149,181) hsl(195,54%,46%)
#3798b9 rgb(55,152,185) hsl(195,54%,47%)
#389bbc rgb(56,155,188) hsl(195,54%,48%)
#399fc0 rgb(57,159,192) hsl(195,54%,49%)
#3ba2c4 rgb(59,162,196) hsl(195,54%,50%)
#3fa4c6 rgb(63,164,198) hsl(195,54%,51%)
#43a6c7 rgb(67,166,199) hsl(195,54%,52%)
#46a8c8 rgb(70,168,200) hsl(195,54%,53%)
#4aa9c9 rgb(74,169,201) hsl(195,54%,54%)
#4eabca rgb(78,171,202) hsl(195,54%,55%)
#52adcb rgb(82,173,203) hsl(195,54%,56%)
#56afcd rgb(86,175,205) hsl(195,54%,57%)
#5ab1ce rgb(90,177,206) hsl(195,54%,58%)
#5eb3cf rgb(94,179,207) hsl(195,54%,59%)
#62b5d0 rgb(98,181,208) hsl(195,54%,60%)
#66b6d1 rgb(102,182,209) hsl(195,54%,61%)
#6ab8d2 rgb(106,184,210) hsl(195,54%,62%)
#6ebad4 rgb(110,186,212) hsl(195,54%,63%)
#72bcd5 rgb(114,188,213) hsl(195,54%,64%)
#76bed6 rgb(118,190,214) hsl(195,54%,65%)
#79c0d7 rgb(121,192,215) hsl(195,54%,66%)
#7dc2d8 rgb(125,194,216) hsl(195,54%,67%)
#81c3d9 rgb(129,195,217) hsl(195,54%,68%)
#85c5db rgb(133,197,219) hsl(195,54%,69%)
#89c7dc rgb(137,199,220) hsl(195,54%,70%)
#8dc9dd rgb(141,201,221) hsl(195,54%,71%)
#91cbde rgb(145,203,222) hsl(195,54%,72%)
#95cddf rgb(149,205,223) hsl(195,54%,73%)
#99cfe1 rgb(153,207,225) hsl(195,54%,74%)
#9dd0e2 rgb(157,208,226) hsl(195,54%,75%)
#a1d2e3 rgb(161,210,227) hsl(195,54%,76%)
#a5d4e4 rgb(165,212,228) hsl(195,54%,77%)
#a9d6e5 rgb(169,214,229) hsl(195,54%,78%)
#add8e6 rgb(173,216,230) hsl(195,54%,79%)
#b0dae8 rgb(176,218,232) hsl(195,54%,80%)
#b4dce9 rgb(180,220,233) hsl(195,54%,81%)
#b8ddea rgb(184,221,234) hsl(195,54%,82%)
#bcdfeb rgb(188,223,235) hsl(195,54%,83%)
#c0e1ec rgb(192,225,236) hsl(195,54%,84%)
#c4e3ed rgb(196,227,237) hsl(195,54%,85%)
#c8e5ef rgb(200,229,239) hsl(195,54%,86%)
#cce7f0 rgb(204,231,240) hsl(195,54%,87%)
#d0e9f1 rgb(208,233,241) hsl(195,54%,88%)
#d4ebf2 rgb(212,235,242) hsl(195,54%,89%)
#d8ecf3 rgb(216,236,243) hsl(195,54%,90%)
#dceef4 rgb(220,238,244) hsl(195,54%,91%)
#e0f0f6 rgb(224,240,246) hsl(195,54%,92%)
#e4f2f7 rgb(228,242,247) hsl(195,54%,93%)
#e7f4f8 rgb(231,244,248) hsl(195,54%,94%)
#ebf6f9 rgb(235,246,249) hsl(195,54%,95%)
#eff8fa rgb(239,248,250) hsl(195,54%,96%)
#f3f9fb rgb(243,249,251) hsl(195,54%,97%)
#f7fbfd rgb(247,251,253) hsl(195,54%,98%)
#fbfdfe rgb(251,253,254) hsl(195,54%,99%)

Adjacent colors

HEX RGB HSL
#3bc48b rgb(59,196,139) hsl(155,54%,50%)
#3ba1c4 rgb(59,161,196) hsl(195,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%)
#3ba1c4 rgb(59,161,196) hsl(195,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
#3ba1c4 rgb(59,161,196) hsl(195,54%,50%)
#c43b5c rgb(196,59,92) hsl(346,54%,50%)
#c4a33b rgb(196,163,59) hsl(46,54%,50%)

Tetrad color palettes

HEX RGB HSL
#3ba1c4 rgb(59,161,196) hsl(195,54%,50%)
#c45e3b rgb(196,94,59) hsl(15,54%,50%)
#3bc4a2 rgb(59,196,162) hsl(165,54%,50%)
#c4a33b rgb(196,163,59) hsl(46,54%,50%)