HEX #337A8E color — Calypso
The color #337A8E is a dark shade and moderately saturated.
Palette
337A8E color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(193,47%,98%) |
#e5f2f6 |
rgb(229,242,246) |
hsl(193,47%,93%) |
#d2e9ef |
rgb(210,233,239) |
hsl(193,47%,88%) |
#bfdfe8 |
rgb(191,223,232) |
hsl(193,47%,83%) |
#add6e1 |
rgb(173,214,225) |
hsl(193,47%,78%) |
#9accdb |
rgb(154,204,219) |
hsl(193,47%,73%) |
#87c3d4 |
rgb(135,195,212) |
hsl(193,47%,68%) |
#74bacd |
rgb(116,186,205) |
hsl(193,47%,63%) |
#62b0c6 |
rgb(98,176,198) |
hsl(193,47%,58%) |
#4fa7bf |
rgb(79,167,191) |
hsl(193,47%,53%) |
#419bb4 |
rgb(65,155,180) |
hsl(193,47%,48%) |
#3a8ba1 |
rgb(58,139,161) |
hsl(193,47%,43%) |
#337b8e |
rgb(51,123,142) |
hsl(193,47%,38%) |
#2d6b7c |
rgb(45,107,124) |
hsl(193,47%,33%) |
#265a69 |
rgb(38,90,105) |
hsl(193,47%,28%) |
#1f4a56 |
rgb(31,74,86) |
hsl(193,47%,23%) |
#183a43 |
rgb(24,58,67) |
hsl(193,47%,18%) |
#122a31 |
rgb(18,42,49) |
hsl(193,47%,13%) |
#0b1a1e |
rgb(11,26,30) |
hsl(193,47%,8%) |
#040a0b |
rgb(4,10,11) |
hsl(193,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#338F65 |
rgb(51,143,101) |
hsl(153,47%,38%) |
#337A8E |
rgb(51,122,142) |
hsl(193,47%,38%) |
#333D8E |
rgb(51,61,142) |
hsl(233,47%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B8CA4 |
rgb(59,140,164) |
hsl(194,47%,44%) |
#337A8E |
rgb(51,122,142) |
hsl(193,47%,38%) |
#2A6677 |
rgb(42,102,119) |
hsl(193,48%,32%) |
#225460 |
rgb(34,84,96) |
hsl(192,48%,25%) |
#1A4049 |
rgb(26,64,73) |
hsl(191,47%,19%) |
#122B33 |
rgb(18,43,51) |
hsl(195,48%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#337A8E |
rgb(51,122,142) |
hsl(193,47%,38%) |
#8E334C |
rgb(142,51,76) |
hsl(344,47%,38%) |
#8E7533 |
rgb(142,117,51) |
hsl(44,47%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337A8E |
rgb(51,122,142) |
hsl(193,47%,38%) |
#8E4733 |
rgb(142,71,51) |
hsl(13,47%,38%) |
#338F74 |
rgb(51,143,116) |
hsl(162,47%,38%) |
#8E7533 |
rgb(142,117,51) |
hsl(44,47%,38%) |