HEX #2A7284 color — Calypso
The color #2a7284 is a dark shade and moderately saturated.
Palette
2a7284 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(192,52%,99%) |
#e8f4f8 |
rgb(232,244,248) |
hsl(192,52%,94%) |
#d4ecf2 |
rgb(212,236,242) |
hsl(192,52%,89%) |
#c1e3eb |
rgb(193,227,235) |
hsl(192,52%,84%) |
#aedae5 |
rgb(174,218,229) |
hsl(192,52%,79%) |
#9ad1df |
rgb(154,209,223) |
hsl(192,52%,74%) |
#87c9d9 |
rgb(135,201,217) |
hsl(192,52%,69%) |
#73c0d3 |
rgb(115,192,211) |
hsl(192,52%,64%) |
#60b7cd |
rgb(96,183,205) |
hsl(192,52%,59%) |
#4daec7 |
rgb(77,174,199) |
hsl(192,52%,54%) |
#3ca4be |
rgb(60,164,190) |
hsl(192,52%,49%) |
#3693ab |
rgb(54,147,171) |
hsl(192,52%,44%) |
#308297 |
rgb(48,130,151) |
hsl(192,52%,39%) |
#2a7284 |
rgb(42,114,132) |
hsl(192,52%,34%) |
#236170 |
rgb(35,97,112) |
hsl(192,52%,29%) |
#1d505d |
rgb(29,80,93) |
hsl(192,52%,24%) |
#17404a |
rgb(23,64,74) |
hsl(192,52%,19%) |
#112f36 |
rgb(17,47,54) |
hsl(192,52%,14%) |
#0b1e23 |
rgb(11,30,35) |
hsl(192,52%,9%) |
#050d10 |
rgb(5,13,16) |
hsl(192,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A855A |
rgb(42,133,90) |
hsl(152,52%,34%) |
#2A7284 |
rgb(42,114,132) |
hsl(192,52%,34%) |
#2A3684 |
rgb(42,54,132) |
hsl(232,52%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#308599 |
rgb(48,133,153) |
hsl(191,52%,39%) |
#2A7284 |
rgb(42,114,132) |
hsl(192,52%,34%) |
#23616E |
rgb(35,97,110) |
hsl(190,52%,28%) |
#1C4D59 |
rgb(28,77,89) |
hsl(192,52%,23%) |
#153B44 |
rgb(21,59,68) |
hsl(191,53%,17%) |
#0F292F |
rgb(15,41,47) |
hsl(191,52%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7284 |
rgb(42,114,132) |
hsl(192,52%,34%) |
#842945 |
rgb(132,41,69) |
hsl(342,53%,34%) |
#84692A |
rgb(132,105,42) |
hsl(42,52%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7284 |
rgb(42,114,132) |
hsl(192,52%,34%) |
#843D2A |
rgb(132,61,42) |
hsl(13,52%,34%) |
#2A8569 |
rgb(42,133,105) |
hsl(162,52%,34%) |
#84692A |
rgb(132,105,42) |
hsl(42,52%,34%) |