HEX #2678A3 color — Jelly Bean
The color #2678A3 is a dark shade and moderately saturated.
Palette
2678A3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(201,62%,99%) |
#e6f3f9 |
rgb(230,243,249) |
hsl(201,62%,94%) |
#d2e8f4 |
rgb(210,232,244) |
hsl(201,62%,89%) |
#bddeef |
rgb(189,222,239) |
hsl(201,62%,84%) |
#a8d3eb |
rgb(168,211,235) |
hsl(201,62%,79%) |
#94c9e6 |
rgb(148,201,230) |
hsl(201,62%,74%) |
#7fbfe1 |
rgb(127,191,225) |
hsl(201,62%,69%) |
#6ab4dc |
rgb(106,180,220) |
hsl(201,62%,64%) |
#56aad7 |
rgb(86,170,215) |
hsl(201,62%,59%) |
#41a0d2 |
rgb(65,160,210) |
hsl(201,62%,54%) |
#2f94ca |
rgb(47,148,202) |
hsl(201,62%,49%) |
#2b85b6 |
rgb(43,133,182) |
hsl(201,62%,44%) |
#2676a1 |
rgb(38,118,161) |
hsl(201,62%,39%) |
#21678c |
rgb(33,103,140) |
hsl(201,62%,34%) |
#1c5878 |
rgb(28,88,120) |
hsl(201,62%,29%) |
#174963 |
rgb(23,73,99) |
hsl(201,62%,24%) |
#12394e |
rgb(18,57,78) |
hsl(201,62%,19%) |
#0e2a3a |
rgb(14,42,58) |
hsl(201,62%,14%) |
#091b25 |
rgb(9,27,37) |
hsl(201,62%,9%) |
#040c11 |
rgb(4,12,17) |
hsl(201,62%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#26A37A |
rgb(38,163,122) |
hsl(160,62%,39%) |
#2678A3 |
rgb(38,120,163) |
hsl(201,62%,39%) |
#2726A3 |
rgb(39,38,163) |
hsl(240,62%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2C8CBD |
rgb(44,140,189) |
hsl(200,62%,46%) |
#2678A3 |
rgb(38,120,163) |
hsl(201,62%,39%) |
#1F6688 |
rgb(31,102,136) |
hsl(199,63%,33%) |
#19526E |
rgb(25,82,110) |
hsl(200,63%,26%) |
#133D54 |
rgb(19,61,84) |
hsl(201,63%,20%) |
#0D2B3A |
rgb(13,43,58) |
hsl(200,63%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2678A3 |
rgb(38,120,163) |
hsl(201,62%,39%) |
#A32639 |
rgb(163,38,57) |
hsl(351,62%,39%) |
#A38F26 |
rgb(163,143,38) |
hsl(50,62%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2678A3 |
rgb(38,120,163) |
hsl(201,62%,39%) |
#A35226 |
rgb(163,82,38) |
hsl(21,62%,39%) |
#26A38F |
rgb(38,163,143) |
hsl(170,62%,39%) |
#A38F26 |
rgb(163,143,38) |
hsl(50,62%,39%) |