HEX #2774D3 color — Mariner
The color #2774D3 is a dark shade and highly saturated.
Palette
2774D3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,69%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(213,69%,94%) |
#d0e1f6 |
rgb(208,225,246) |
hsl(213,69%,89%) |
#bad3f2 |
rgb(186,211,242) |
hsl(213,69%,84%) |
#a5c6ee |
rgb(165,198,238) |
hsl(213,69%,79%) |
#8fb8ea |
rgb(143,184,234) |
hsl(213,69%,74%) |
#79aae6 |
rgb(121,170,230) |
hsl(213,69%,69%) |
#649de3 |
rgb(100,157,227) |
hsl(213,69%,64%) |
#4e8fdf |
rgb(78,143,223) |
hsl(213,69%,59%) |
#3982db |
rgb(57,130,219) |
hsl(213,69%,54%) |
#2774d3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#2368be |
rgb(35,104,190) |
hsl(213,69%,44%) |
#1f5da8 |
rgb(31,93,168) |
hsl(213,69%,39%) |
#1b5193 |
rgb(27,81,147) |
hsl(213,69%,34%) |
#17457d |
rgb(23,69,125) |
hsl(213,69%,29%) |
#133967 |
rgb(19,57,103) |
hsl(213,69%,24%) |
#0f2d52 |
rgb(15,45,82) |
hsl(213,69%,19%) |
#0b213c |
rgb(11,33,60) |
hsl(213,69%,14%) |
#071527 |
rgb(7,21,39) |
hsl(213,69%,9%) |
#030911 |
rgb(3,9,17) |
hsl(213,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27D4BF |
rgb(39,212,191) |
hsl(173,69%,49%) |
#2774D3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#4C26D3 |
rgb(76,38,211) |
hsl(253,69%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#679EE2 |
rgb(103,158,226) |
hsl(213,68%,65%) |
#458ADC |
rgb(69,138,220) |
hsl(213,68%,57%) |
#2774D3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#2061B1 |
rgb(32,97,177) |
hsl(213,69%,41%) |
#1A4F8F |
rgb(26,79,143) |
hsl(213,69%,33%) |
#143D6D |
rgb(20,61,109) |
hsl(212,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2774D3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#D33027 |
rgb(211,48,39) |
hsl(3,69%,49%) |
#CAD427 |
rgb(202,212,39) |
hsl(63,69%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2774D3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#D38727 |
rgb(211,135,39) |
hsl(33,69%,49%) |
#27C9D3 |
rgb(39,201,211) |
hsl(183,69%,49%) |
#CAD427 |
rgb(202,212,39) |
hsl(63,69%,49%) |