HEX #2F586A color — Casal

The color #2f586a is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2f586a color palette from light to dark

HEX RGB HSL
#edf4f7 rgb(237,244,247) hsl(198,39%,95%)
#dce9ef rgb(220,233,239) hsl(198,39%,90%)
#cadfe8 rgb(202,223,232) hsl(198,39%,85%)
#b8d4e0 rgb(184,212,224) hsl(198,39%,80%)
#a6c9d8 rgb(166,201,216) hsl(198,39%,75%)
#95bed0 rgb(149,190,208) hsl(198,39%,70%)
#83b4c9 rgb(131,180,201) hsl(198,39%,65%)
#71a9c1 rgb(113,169,193) hsl(198,39%,60%)
#5f9eb9 rgb(95,158,185) hsl(198,39%,55%)
#4e93b1 rgb(78,147,177) hsl(198,39%,50%)
#4685a0 rgb(70,133,160) hsl(198,39%,45%)
#3e768e rgb(62,118,142) hsl(198,39%,40%)
#36677c rgb(54,103,124) hsl(198,39%,35%)
#2f586a rgb(47,88,106) hsl(198,39%,30%)
#274a59 rgb(39,74,89) hsl(198,39%,25%)
#1f3b47 rgb(31,59,71) hsl(198,39%,20%)
#172c35 rgb(23,44,53) hsl(198,39%,15%)
#101d23 rgb(16,29,35) hsl(198,39%,10%)
#080f12 rgb(8,15,18) hsl(198,39%,5%)

Adjacent colors

HEX RGB HSL
#2F6B54 rgb(47,107,84) hsl(157,39%,30%)
#2F586A rgb(47,88,106) hsl(198,39%,30%)
#2F306A rgb(47,48,106) hsl(239,39%,30%)

Monochromatic colors

HEX RGB HSL
#36667A rgb(54,102,122) hsl(198,39%,35%)
#2F586A rgb(47,88,106) hsl(198,39%,30%)
#274A59 rgb(39,74,89) hsl(198,39%,25%)
#1F3B48 rgb(31,59,72) hsl(199,40%,20%)
#182E37 rgb(24,46,55) hsl(197,39%,15%)
#101F26 rgb(16,31,38) hsl(199,41%,11%)

Triad color palettes

HEX RGB HSL
#2F586A rgb(47,88,106) hsl(198,39%,30%)
#6A2E3A rgb(106,46,58) hsl(348,39%,30%)
#6A5E2F rgb(106,94,47) hsl(48,39%,30%)

Tetrad color palettes

HEX RGB HSL
#2F586A rgb(47,88,106) hsl(198,39%,30%)
#6A402F rgb(106,64,47) hsl(17,39%,30%)
#2F6B5E rgb(47,107,94) hsl(167,39%,30%)
#6A5E2F rgb(106,94,47) hsl(48,39%,30%)