HEX #2478A9 color — Jelly Bean
The color #2478A9 is a dark shade and moderately saturated.
Palette
2478A9 color palette from light to dark
HEX |
RGB |
HSL |
#eaf4fb |
rgb(234,244,251) |
hsl(202,65%,95%) |
#d5eaf6 |
rgb(213,234,246) |
hsl(202,65%,90%) |
#c0dff2 |
rgb(192,223,242) |
hsl(202,65%,85%) |
#abd5ed |
rgb(171,213,237) |
hsl(202,65%,80%) |
#96cae9 |
rgb(150,202,233) |
hsl(202,65%,75%) |
#81c0e4 |
rgb(129,192,228) |
hsl(202,65%,70%) |
#6cb5e0 |
rgb(108,181,224) |
hsl(202,65%,65%) |
#57abdb |
rgb(87,171,219) |
hsl(202,65%,60%) |
#42a0d7 |
rgb(66,160,215) |
hsl(202,65%,55%) |
#2d96d2 |
rgb(45,150,210) |
hsl(202,65%,50%) |
#2887bd |
rgb(40,135,189) |
hsl(202,65%,45%) |
#2478a8 |
rgb(36,120,168) |
hsl(202,65%,40%) |
#1f6993 |
rgb(31,105,147) |
hsl(202,65%,35%) |
#1b5a7e |
rgb(27,90,126) |
hsl(202,65%,30%) |
#164b69 |
rgb(22,75,105) |
hsl(202,65%,25%) |
#123c54 |
rgb(18,60,84) |
hsl(202,65%,20%) |
#0d2d3f |
rgb(13,45,63) |
hsl(202,65%,15%) |
#091e2a |
rgb(9,30,42) |
hsl(202,65%,10%) |
#040f15 |
rgb(4,15,21) |
hsl(202,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#24A881 |
rgb(36,168,129) |
hsl(162,65%,40%) |
#2478A9 |
rgb(36,120,169) |
hsl(202,65%,40%) |
#2824A9 |
rgb(40,36,169) |
hsl(242,65%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#399CD4 |
rgb(57,156,212) |
hsl(202,64%,53%) |
#298CC4 |
rgb(41,140,196) |
hsl(202,65%,46%) |
#2478A9 |
rgb(36,120,169) |
hsl(202,65%,40%) |
#1E668D |
rgb(30,102,141) |
hsl(201,65%,34%) |
#185272 |
rgb(24,82,114) |
hsl(201,65%,27%) |
#123D57 |
rgb(18,61,87) |
hsl(203,66%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2478A9 |
rgb(36,120,169) |
hsl(202,65%,40%) |
#A92435 |
rgb(169,36,53) |
hsl(352,65%,40%) |
#A99624 |
rgb(169,150,36) |
hsl(51,65%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2478A9 |
rgb(36,120,169) |
hsl(202,65%,40%) |
#A95424 |
rgb(169,84,36) |
hsl(22,65%,40%) |
#24A897 |
rgb(36,168,151) |
hsl(172,65%,40%) |
#A99624 |
rgb(169,150,36) |
hsl(51,65%,40%) |