HEX #2D78A6 color — Jelly Bean
The color #2D78A6 is a dark shade and moderately saturated.
Palette
2D78A6 color palette from light to dark
HEX |
RGB |
HSL |
#eff6fb |
rgb(239,246,251) |
hsl(203,57%,96%) |
#dbebf5 |
rgb(219,235,245) |
hsl(203,57%,91%) |
#c7e0f0 |
rgb(199,224,240) |
hsl(203,57%,86%) |
#b3d5ea |
rgb(179,213,234) |
hsl(203,57%,81%) |
#9fcae5 |
rgb(159,202,229) |
hsl(203,57%,76%) |
#8bbfdf |
rgb(139,191,223) |
hsl(203,57%,71%) |
#77b4da |
rgb(119,180,218) |
hsl(203,57%,66%) |
#63a9d4 |
rgb(99,169,212) |
hsl(203,57%,61%) |
#4f9ecf |
rgb(79,158,207) |
hsl(203,57%,56%) |
#3b93c9 |
rgb(59,147,201) |
hsl(203,57%,51%) |
#3285b8 |
rgb(50,133,184) |
hsl(203,57%,46%) |
#2d76a4 |
rgb(45,118,164) |
hsl(203,57%,41%) |
#276890 |
rgb(39,104,144) |
hsl(203,57%,36%) |
#225a7c |
rgb(34,90,124) |
hsl(203,57%,31%) |
#1d4b68 |
rgb(29,75,104) |
hsl(203,57%,26%) |
#173d54 |
rgb(23,61,84) |
hsl(203,57%,21%) |
#122e40 |
rgb(18,46,64) |
hsl(203,57%,16%) |
#0c202c |
rgb(12,32,44) |
hsl(203,57%,11%) |
#071118 |
rgb(7,17,24) |
hsl(203,57%,6%) |
#010304 |
rgb(1,3,4) |
hsl(203,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA683 |
rgb(45,166,131) |
hsl(163,57%,41%) |
#2D78A6 |
rgb(45,120,166) |
hsl(203,57%,41%) |
#322EA6 |
rgb(50,46,166) |
hsl(242,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#489CCD |
rgb(72,156,205) |
hsl(202,57%,54%) |
#348CC0 |
rgb(52,140,192) |
hsl(202,57%,48%) |
#2D78A6 |
rgb(45,120,166) |
hsl(203,57%,41%) |
#25668B |
rgb(37,102,139) |
hsl(202,58%,35%) |
#1E5270 |
rgb(30,82,112) |
hsl(202,58%,28%) |
#173D56 |
rgb(23,61,86) |
hsl(204,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78A6 |
rgb(45,120,166) |
hsl(203,57%,41%) |
#A62E3B |
rgb(166,46,59) |
hsl(354,57%,42%) |
#A6962D |
rgb(166,150,45) |
hsl(52,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78A6 |
rgb(45,120,166) |
hsl(203,57%,41%) |
#A65C2D |
rgb(166,92,45) |
hsl(23,57%,41%) |
#2DA697 |
rgb(45,166,151) |
hsl(173,57%,41%) |
#A6962D |
rgb(166,150,45) |
hsl(52,57%,41%) |