HEX #2A6BAC color — Jelly Bean
The color #2A6BAC is a dark shade and moderately saturated.
Palette
2A6BAC color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,61%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,61%,92%) |
#cadef2 |
rgb(202,222,242) |
hsl(210,61%,87%) |
#b5d1ed |
rgb(181,209,237) |
hsl(210,61%,82%) |
#a1c4e8 |
rgb(161,196,232) |
hsl(210,61%,77%) |
#8cb8e3 |
rgb(140,184,227) |
hsl(210,61%,72%) |
#78abde |
rgb(120,171,222) |
hsl(210,61%,67%) |
#639ed9 |
rgb(99,158,217) |
hsl(210,61%,62%) |
#4e91d4 |
rgb(78,145,212) |
hsl(210,61%,57%) |
#3a85cf |
rgb(58,133,207) |
hsl(210,61%,52%) |
#2f78c1 |
rgb(47,120,193) |
hsl(210,61%,47%) |
#2a6bac |
rgb(42,107,172) |
hsl(210,61%,42%) |
#255e98 |
rgb(37,94,152) |
hsl(210,61%,37%) |
#205283 |
rgb(32,82,131) |
hsl(210,61%,32%) |
#1b456f |
rgb(27,69,111) |
hsl(210,61%,27%) |
#16385a |
rgb(22,56,90) |
hsl(210,61%,22%) |
#112b46 |
rgb(17,43,70) |
hsl(210,61%,17%) |
#0c1f31 |
rgb(12,31,49) |
hsl(210,61%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,61%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAB96 |
rgb(42,171,150) |
hsl(170,61%,42%) |
#2A6BAC |
rgb(42,107,172) |
hsl(210,61%,42%) |
#3F29AC |
rgb(63,41,172) |
hsl(250,62%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#488CD2 |
rgb(72,140,210) |
hsl(210,61%,55%) |
#307DC7 |
rgb(48,125,199) |
hsl(209,61%,48%) |
#2A6BAC |
rgb(42,107,172) |
hsl(210,61%,42%) |
#235990 |
rgb(35,89,144) |
hsl(210,61%,35%) |
#1C4A74 |
rgb(28,74,116) |
hsl(209,61%,28%) |
#153859 |
rgb(21,56,89) |
hsl(209,62%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6BAC |
rgb(42,107,172) |
hsl(210,61%,42%) |
#AC292A |
rgb(172,41,42) |
hsl(360,62%,42%) |
#ACAB2A |
rgb(172,171,42) |
hsl(60,61%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6BAC |
rgb(42,107,172) |
hsl(210,61%,42%) |
#AC6B2A |
rgb(172,107,42) |
hsl(30,61%,42%) |
#2AABAC |
rgb(42,171,172) |
hsl(180,61%,42%) |
#ACAB2A |
rgb(172,171,42) |
hsl(60,61%,42%) |