HEX #248CA2 color — Jelly Bean
The color #248CA2 is a dark shade and moderately saturated.
Palette
248CA2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefe |
rgb(251,254,254) |
hsl(190,64%,99%) |
#e6f6f9 |
rgb(230,246,249) |
hsl(190,64%,94%) |
#d1eff5 |
rgb(209,239,245) |
hsl(190,64%,89%) |
#bce8f0 |
rgb(188,232,240) |
hsl(190,64%,84%) |
#a7e0ec |
rgb(167,224,236) |
hsl(190,64%,79%) |
#92d9e7 |
rgb(146,217,231) |
hsl(190,64%,74%) |
#7dd2e3 |
rgb(125,210,227) |
hsl(190,64%,69%) |
#68cade |
rgb(104,202,222) |
hsl(190,64%,64%) |
#54c3d9 |
rgb(84,195,217) |
hsl(190,64%,59%) |
#3fbcd5 |
rgb(63,188,213) |
hsl(190,64%,54%) |
#2db2cd |
rgb(45,178,205) |
hsl(190,64%,49%) |
#28a0b8 |
rgb(40,160,184) |
hsl(190,64%,44%) |
#248ea3 |
rgb(36,142,163) |
hsl(190,64%,39%) |
#1f7c8e |
rgb(31,124,142) |
hsl(190,64%,34%) |
#1b6a79 |
rgb(27,106,121) |
hsl(190,64%,29%) |
#165764 |
rgb(22,87,100) |
hsl(190,64%,24%) |
#11454f |
rgb(17,69,79) |
hsl(190,64%,19%) |
#0d333b |
rgb(13,51,59) |
hsl(190,64%,14%) |
#082126 |
rgb(8,33,38) |
hsl(190,64%,9%) |
#040f11 |
rgb(4,15,17) |
hsl(190,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#24A364 |
rgb(36,163,100) |
hsl(150,64%,39%) |
#248CA2 |
rgb(36,140,162) |
hsl(190,64%,39%) |
#2438A2 |
rgb(36,56,162) |
hsl(230,64%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#29A3BB |
rgb(41,163,187) |
hsl(190,64%,45%) |
#248CA2 |
rgb(36,140,162) |
hsl(190,64%,39%) |
#1E7588 |
rgb(30,117,136) |
hsl(191,64%,33%) |
#185E6E |
rgb(24,94,110) |
hsl(191,64%,26%) |
#124A54 |
rgb(18,74,84) |
hsl(189,65%,20%) |
#0C333A |
rgb(12,51,58) |
hsl(189,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#248CA2 |
rgb(36,140,162) |
hsl(190,64%,39%) |
#A2244D |
rgb(162,36,77) |
hsl(340,64%,39%) |
#A27824 |
rgb(162,120,36) |
hsl(40,64%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#248CA2 |
rgb(36,140,162) |
hsl(190,64%,39%) |
#A23B24 |
rgb(162,59,36) |
hsl(11,64%,39%) |
#24A379 |
rgb(36,163,121) |
hsl(160,64%,39%) |
#A27824 |
rgb(162,120,36) |
hsl(40,64%,39%) |