Color HEX #12A3EC, RGB(18,163,236)
Color name is Cerulean. The color #12a3ec is a light shade and highly saturated.
Palette
12a3ec color palette from light to dark
| HEX |
RGB |
HSL |
| #000305 |
rgb(0,3,5) |
hsl(200,86%,1%) |
| #010709 |
rgb(1,7,9) |
hsl(200,86%,2%) |
| #010a0e |
rgb(1,10,14) |
hsl(200,86%,3%) |
| #010d13 |
rgb(1,13,19) |
hsl(200,86%,4%) |
| #021018 |
rgb(2,16,24) |
hsl(200,86%,5%) |
| #02141c |
rgb(2,20,28) |
hsl(200,86%,6%) |
| #021721 |
rgb(2,23,33) |
hsl(200,86%,7%) |
| #031a26 |
rgb(3,26,38) |
hsl(200,86%,8%) |
| #031e2b |
rgb(3,30,43) |
hsl(200,86%,9%) |
| #04212f |
rgb(4,33,47) |
hsl(200,86%,10%) |
| #042434 |
rgb(4,36,52) |
hsl(200,86%,11%) |
| #042739 |
rgb(4,39,57) |
hsl(200,86%,12%) |
| #052b3e |
rgb(5,43,62) |
hsl(200,86%,13%) |
| #052e42 |
rgb(5,46,66) |
hsl(200,86%,14%) |
| #053147 |
rgb(5,49,71) |
hsl(200,86%,15%) |
| #06344c |
rgb(6,52,76) |
hsl(200,86%,16%) |
| #063851 |
rgb(6,56,81) |
hsl(200,86%,17%) |
| #063b55 |
rgb(6,59,85) |
hsl(200,86%,18%) |
| #073e5a |
rgb(7,62,90) |
hsl(200,86%,19%) |
| #07425f |
rgb(7,66,95) |
hsl(200,86%,20%) |
| #074564 |
rgb(7,69,100) |
hsl(200,86%,21%) |
| #084868 |
rgb(8,72,104) |
hsl(200,86%,22%) |
| #084b6d |
rgb(8,75,109) |
hsl(200,86%,23%) |
| #094f72 |
rgb(9,79,114) |
hsl(200,86%,24%) |
| #095277 |
rgb(9,82,119) |
hsl(200,86%,25%) |
| #09557b |
rgb(9,85,123) |
hsl(200,86%,26%) |
| #0a5980 |
rgb(10,89,128) |
hsl(200,86%,27%) |
| #0a5c85 |
rgb(10,92,133) |
hsl(200,86%,28%) |
| #0a5f8a |
rgb(10,95,138) |
hsl(200,86%,29%) |
| #0b628e |
rgb(11,98,142) |
hsl(200,86%,30%) |
| #0b6693 |
rgb(11,102,147) |
hsl(200,86%,31%) |
| #0b6998 |
rgb(11,105,152) |
hsl(200,86%,32%) |
| #0c6c9d |
rgb(12,108,157) |
hsl(200,86%,33%) |
| #0c70a1 |
rgb(12,112,161) |
hsl(200,86%,34%) |
| #0c73a6 |
rgb(12,115,166) |
hsl(200,86%,35%) |
| #0d76ab |
rgb(13,118,171) |
hsl(200,86%,36%) |
| #0d79af |
rgb(13,121,175) |
hsl(200,86%,37%) |
| #0e7db4 |
rgb(14,125,180) |
hsl(200,86%,38%) |
| #0e80b9 |
rgb(14,128,185) |
hsl(200,86%,39%) |
| #0e83be |
rgb(14,131,190) |
hsl(200,86%,40%) |
| #0f87c2 |
rgb(15,135,194) |
hsl(200,86%,41%) |
| #0f8ac7 |
rgb(15,138,199) |
hsl(200,86%,42%) |
| #0f8dcc |
rgb(15,141,204) |
hsl(200,86%,43%) |
| #1090d1 |
rgb(16,144,209) |
hsl(200,86%,44%) |
| #1094d5 |
rgb(16,148,213) |
hsl(200,86%,45%) |
| #1097da |
rgb(16,151,218) |
hsl(200,86%,46%) |
| #119adf |
rgb(17,154,223) |
hsl(200,86%,47%) |
| #119de4 |
rgb(17,157,228) |
hsl(200,86%,48%) |
| #11a1e8 |
rgb(17,161,232) |
hsl(200,86%,49%) |
| #12a4ed |
rgb(18,164,237) |
hsl(200,86%,50%) |
| #17a6ee |
rgb(23,166,238) |
hsl(200,86%,51%) |
| #1ba8ee |
rgb(27,168,238) |
hsl(200,86%,52%) |
| #20aaee |
rgb(32,170,238) |
hsl(200,86%,53%) |
| #25abef |
rgb(37,171,239) |
hsl(200,86%,54%) |
| #2aadef |
rgb(42,173,239) |
hsl(200,86%,55%) |
| #2eafef |
rgb(46,175,239) |
hsl(200,86%,56%) |
| #33b1f0 |
rgb(51,177,240) |
hsl(200,86%,57%) |
| #38b3f0 |
rgb(56,179,240) |
hsl(200,86%,58%) |
| #3db4f0 |
rgb(61,180,240) |
hsl(200,86%,59%) |
| #41b6f1 |
rgb(65,182,241) |
hsl(200,86%,60%) |
| #46b8f1 |
rgb(70,184,241) |
hsl(200,86%,61%) |
| #4bbaf1 |
rgb(75,186,241) |
hsl(200,86%,62%) |
| #50bcf2 |
rgb(80,188,242) |
hsl(200,86%,63%) |
| #54bef2 |
rgb(84,190,242) |
hsl(200,86%,64%) |
| #59bff3 |
rgb(89,191,243) |
hsl(200,86%,65%) |
| #5ec1f3 |
rgb(94,193,243) |
hsl(200,86%,66%) |
| #62c3f3 |
rgb(98,195,243) |
hsl(200,86%,67%) |
| #67c5f4 |
rgb(103,197,244) |
hsl(200,86%,68%) |
| #6cc7f4 |
rgb(108,199,244) |
hsl(200,86%,69%) |
| #71c8f4 |
rgb(113,200,244) |
hsl(200,86%,70%) |
| #75caf5 |
rgb(117,202,245) |
hsl(200,86%,71%) |
| #7accf5 |
rgb(122,204,245) |
hsl(200,86%,72%) |
| #7fcef5 |
rgb(127,206,245) |
hsl(200,86%,73%) |
| #84d0f6 |
rgb(132,208,246) |
hsl(200,86%,74%) |
| #88d2f6 |
rgb(136,210,246) |
hsl(200,86%,75%) |
| #8dd3f6 |
rgb(141,211,246) |
hsl(200,86%,76%) |
| #92d5f7 |
rgb(146,213,247) |
hsl(200,86%,77%) |
| #97d7f7 |
rgb(151,215,247) |
hsl(200,86%,78%) |
| #9bd9f8 |
rgb(155,217,248) |
hsl(200,86%,79%) |
| #a0dbf8 |
rgb(160,219,248) |
hsl(200,86%,80%) |
| #a5dcf8 |
rgb(165,220,248) |
hsl(200,86%,81%) |
| #aadef9 |
rgb(170,222,249) |
hsl(200,86%,82%) |
| #aee0f9 |
rgb(174,224,249) |
hsl(200,86%,83%) |
| #b3e2f9 |
rgb(179,226,249) |
hsl(200,86%,84%) |
| #b8e4fa |
rgb(184,228,250) |
hsl(200,86%,85%) |
| #bde6fa |
rgb(189,230,250) |
hsl(200,86%,86%) |
| #c1e7fa |
rgb(193,231,250) |
hsl(200,86%,87%) |
| #c6e9fb |
rgb(198,233,251) |
hsl(200,86%,88%) |
| #cbebfb |
rgb(203,235,251) |
hsl(200,86%,89%) |
| #d0edfb |
rgb(208,237,251) |
hsl(200,86%,90%) |
| #d4effc |
rgb(212,239,252) |
hsl(200,86%,91%) |
| #d9f0fc |
rgb(217,240,252) |
hsl(200,86%,92%) |
| #def2fd |
rgb(222,242,253) |
hsl(200,86%,93%) |
| #e3f4fd |
rgb(227,244,253) |
hsl(200,86%,94%) |
| #e7f6fd |
rgb(231,246,253) |
hsl(200,86%,95%) |
| #ecf8fe |
rgb(236,248,254) |
hsl(200,86%,96%) |
| #f1fafe |
rgb(241,250,254) |
hsl(200,86%,97%) |
| #f6fbfe |
rgb(246,251,254) |
hsl(200,86%,98%) |
| #fafdff |
rgb(250,253,255) |
hsl(200,86%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #12eda3 |
rgb(18,237,163) |
hsl(160,86%,50%) |
| #12a3ec |
rgb(18,163,236) |
hsl(200,86%,50%) |
| #1212ec |
rgb(18,18,236) |
hsl(240,86%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5cbff2 |
rgb(92,191,242) |
hsl(200,85%,65%) |
| #36b3ef |
rgb(54,179,239) |
hsl(199,85%,57%) |
| #12a3ec |
rgb(18,163,236) |
hsl(200,86%,50%) |
| #0f8ac6 |
rgb(15,138,198) |
hsl(200,86%,42%) |
| #0c6ea0 |
rgb(12,110,160) |
hsl(200,86%,34%) |
| #09547a |
rgb(9,84,122) |
hsl(200,86%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #12a3ec |
rgb(18,163,236) |
hsl(200,86%,50%) |
| #ec1236 |
rgb(236,18,54) |
hsl(350,86%,50%) |
| #ecc712 |
rgb(236,199,18) |
hsl(50,86%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #12a3ec |
rgb(18,163,236) |
hsl(200,86%,50%) |
| #ec5c12 |
rgb(236,92,18) |
hsl(20,86%,50%) |
| #12edc8 |
rgb(18,237,200) |
hsl(170,86%,50%) |
| #ecc712 |
rgb(236,199,18) |
hsl(50,86%,50%) |