HEX #369CA4 color — Keppel
The color #369CA4 is a light shade and moderately saturated.
Palette
369CA4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfc |
rgb(247,252,252) |
hsl(184,50%,98%) |
#e4f5f6 |
rgb(228,245,246) |
hsl(184,50%,93%) |
#d1eef0 |
rgb(209,238,240) |
hsl(184,50%,88%) |
#bee6e9 |
rgb(190,230,233) |
hsl(184,50%,83%) |
#abdfe3 |
rgb(171,223,227) |
hsl(184,50%,78%) |
#98d8dd |
rgb(152,216,221) |
hsl(184,50%,73%) |
#85d1d6 |
rgb(133,209,214) |
hsl(184,50%,68%) |
#71cad0 |
rgb(113,202,208) |
hsl(184,50%,63%) |
#5ec2c9 |
rgb(94,194,201) |
hsl(184,50%,58%) |
#4bbbc3 |
rgb(75,187,195) |
hsl(184,50%,53%) |
#3dafb8 |
rgb(61,175,184) |
hsl(184,50%,48%) |
#379da4 |
rgb(55,157,164) |
hsl(184,50%,43%) |
#308b91 |
rgb(48,139,145) |
hsl(184,50%,38%) |
#2a797e |
rgb(42,121,126) |
hsl(184,50%,33%) |
#24666b |
rgb(36,102,107) |
hsl(184,50%,28%) |
#1d5458 |
rgb(29,84,88) |
hsl(184,50%,23%) |
#174245 |
rgb(23,66,69) |
hsl(184,50%,18%) |
#113032 |
rgb(17,48,50) |
hsl(184,50%,13%) |
#0a1d1f |
rgb(10,29,31) |
hsl(184,50%,8%) |
#040b0b |
rgb(4,11,11) |
hsl(184,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A362 |
rgb(54,163,98) |
hsl(144,50%,43%) |
#369CA4 |
rgb(54,156,164) |
hsl(184,50%,43%) |
#3652A4 |
rgb(54,82,164) |
hsl(225,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#57BFC7 |
rgb(87,191,199) |
hsl(184,50%,56%) |
#3EB5BE |
rgb(62,181,190) |
hsl(184,51%,49%) |
#369CA4 |
rgb(54,156,164) |
hsl(184,50%,43%) |
#2D8289 |
rgb(45,130,137) |
hsl(185,51%,36%) |
#246B6F |
rgb(36,107,111) |
hsl(183,51%,29%) |
#1C5255 |
rgb(28,82,85) |
hsl(183,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#369CA4 |
rgb(54,156,164) |
hsl(184,50%,43%) |
#A43665 |
rgb(164,54,101) |
hsl(334,50%,43%) |
#A47536 |
rgb(164,117,54) |
hsl(34,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#369CA4 |
rgb(54,156,164) |
hsl(184,50%,43%) |
#A43D36 |
rgb(164,61,54) |
hsl(4,50%,43%) |
#36A375 |
rgb(54,163,117) |
hsl(155,50%,43%) |
#A47536 |
rgb(164,117,54) |
hsl(34,50%,43%) |