HEX #222630 color — Charade

The color #222630 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

222630 color palette from light to dark

HEX RGB HSL
#f3f4f7 rgb(243,244,247) hsl(223,17%,96%)
#e4e6ec rgb(228,230,236) hsl(223,17%,91%)
#d5d9e1 rgb(213,217,225) hsl(223,17%,86%)
#c6cbd7 rgb(198,203,215) hsl(223,17%,81%)
#b7bdcc rgb(183,189,204) hsl(223,17%,76%)
#a8b0c2 rgb(168,176,194) hsl(223,17%,71%)
#9aa2b7 rgb(154,162,183) hsl(223,17%,66%)
#8b94ac rgb(139,148,172) hsl(223,17%,61%)
#7c87a2 rgb(124,135,162) hsl(223,17%,56%)
#6d7997 rgb(109,121,151) hsl(223,17%,51%)
#616d89 rgb(97,109,137) hsl(223,17%,46%)
#57617a rgb(87,97,122) hsl(223,17%,41%)
#4c556b rgb(76,85,107) hsl(223,17%,36%)
#42495c rgb(66,73,92) hsl(223,17%,31%)
#373d4e rgb(55,61,78) hsl(223,17%,26%)
#2c323f rgb(44,50,63) hsl(223,17%,21%)
#222630 rgb(34,38,48) hsl(223,17%,16%)
#171a21 rgb(23,26,33) hsl(223,17%,11%)
#0d0e12 rgb(13,14,18) hsl(223,17%,6%)
#020203 rgb(2,2,3) hsl(223,17%,1%)

Adjacent colors

HEX RGB HSL
#223030 rgb(34,48,48) hsl(180,17%,16%)
#222630 rgb(34,38,48) hsl(223,17%,16%)
#272130 rgb(39,33,48) hsl(264,19%,16%)

Monochromatic colors

HEX RGB HSL
#222630 rgb(34,38,48) hsl(223,17%,16%)
#1C2128 rgb(28,33,40) hsl(215,18%,13%)
#171A20 rgb(23,26,32) hsl(220,16%,11%)
#111418 rgb(17,20,24) hsl(214,17%,8%)
#0C0D11 rgb(12,13,17) hsl(228,17%,6%)
#060809 rgb(6,8,9) hsl(200,20%,3%)

Triad color palettes

HEX RGB HSL
#222630 rgb(34,38,48) hsl(223,17%,16%)
#302622 rgb(48,38,34) hsl(17,17%,16%)
#2D3022 rgb(45,48,34) hsl(73,17%,16%)

Tetrad color palettes

HEX RGB HSL
#222630 rgb(34,38,48) hsl(223,17%,16%)
#302B22 rgb(48,43,34) hsl(39,17%,16%)
#222E30 rgb(34,46,48) hsl(189,17%,16%)
#2D3022 rgb(45,48,34) hsl(73,17%,16%)