• Color Code #5C97BF
  • Color Code #4B77BE
  • Color Code #1F3A93
  • Color Code #2574A9
  • Color Code #67809F
  • Color Code #34495E
  • Color Code #3A539B
  • Color Code #1E8BC3
  • Color Code #6BB9F0
  • Color Code #22313F
  • Color Code #336E7B
  • Color Code #19B5FE
  • Color Code #89C4F4
  • Color Code #2C3E50
  • Color Code #3498DB
  • Color Code #22A7F0
  • Color Code #94E0EE
  • Color Code #52B3D9
  • Color Code #59ABE3
  • Color Code #26A65B
  • Color Code #1E824C
  • Color Code #00B16A
  • Color Code #2ABB9B
  • Color Code #4DAF7C
  • Color Code #03A678
  • Color Code #26C281
  • Color Code #019875
  • Color Code #3FC380
  • Color Code #16A085
  • Color Code #2ECC71
  • Color Code #C5EFF7
  • Color Code #C8F7C5
  • Color Code #049372
  • Color Code #36D7B7
  • Color Code #66CC99
  • Color Code #1BA39C
  • Color Code #1BBC9B
  • Color Code #65C6BB
  • Color Code #BFBFBF
  • Color Code #ABB7B7
  • Color Code #DADFE1
  • Color Code #95A5A6
  • Color Code #C5DCE2
  • Color Code #BDC3C7
  • Color Code #EEEEEE
  • Color Code #D2D7D3
  • Color Code #F0E2C5
  • Color Code #EB9532
  • Color Code #E67E22
  • Color Code #F27935
  • Color Code #F9BF3B
  • Color Code #F7CA18
  • Color Code #F9690E
  • Color Code #F39C12
  • Color Code #D35400
  • Color Code #F4D03F
  • Color Code #F5AB35
  • Color Code #EB974E
  • Color Code #F2784B
  • Color Code #F4B350
  • Color Code #E87E04
  • Color Code #E74C3C
  • Color Code #CF000F
  • Color Code #C0392B
  • Color Code #D64541
  • Color Code #EF4836
  • Color Code #96281B
  • Color Code #D91E18
  • Color Code #E26A6A
  • Color Code #FF0000
  • Color Code #F22613
  • Color Code #E08283
  • Color Code #9B59B6
  • Color Code #8E44AD
  • Color Code #BE90D4
  • Color Code #BF55EC
  • Color Code #9A12B3
  • Color Code #913D88
  • Color Code #722D6A
  • Color Code #740A4E

/* Flat UI Color by www.arlinadzgn.com */
#flatuarlina ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0}
#flatuarlina ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)}
#flatuarlina ul.flatui li:hover{z-index:4}
#flatuarlina ul.flatui li:before{content:”;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)}
#flatuarlina ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)}
#flatuarlina ul.flatui li:after{content:’Copy the color code’;display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s}
#flatuarlina ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s}
#flatuarlina ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3}
#flatuarlina ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3}
@media screen and (max-width:800px){#flatuarlina ul.flatui li{width:33.3%;line-height:normal}}
@media screen and (max-width:640px){#flatuarlina ul.flatui li{width:50%}}
@media screen and (max-width:480px){#flatuarlina ul.flatui li{width:100%}}