HEX #222530 color — Charade
The color #222530 is a dark shade and slightly desaturated.
Palette
222530 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f7 |
rgb(243,244,247) |
hsl(227,17%,96%) |
#e4e6ec |
rgb(228,230,236) |
hsl(227,17%,91%) |
#d5d8e1 |
rgb(213,216,225) |
hsl(227,17%,86%) |
#c6cad7 |
rgb(198,202,215) |
hsl(227,17%,81%) |
#b7bccc |
rgb(183,188,204) |
hsl(227,17%,76%) |
#a8aec2 |
rgb(168,174,194) |
hsl(227,17%,71%) |
#9aa0b7 |
rgb(154,160,183) |
hsl(227,17%,66%) |
#8b92ac |
rgb(139,146,172) |
hsl(227,17%,61%) |
#7c84a2 |
rgb(124,132,162) |
hsl(227,17%,56%) |
#6d7697 |
rgb(109,118,151) |
hsl(227,17%,51%) |
#616a89 |
rgb(97,106,137) |
hsl(227,17%,46%) |
#575e7a |
rgb(87,94,122) |
hsl(227,17%,41%) |
#4c536b |
rgb(76,83,107) |
hsl(227,17%,36%) |
#42475c |
rgb(66,71,92) |
hsl(227,17%,31%) |
#373c4e |
rgb(55,60,78) |
hsl(227,17%,26%) |
#2c303f |
rgb(44,48,63) |
hsl(227,17%,21%) |
#222530 |
rgb(34,37,48) |
hsl(227,17%,16%) |
#171921 |
rgb(23,25,33) |
hsl(227,17%,11%) |
#0d0e12 |
rgb(13,14,18) |
hsl(227,17%,6%) |
#020203 |
rgb(2,2,3) |
hsl(227,17%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#222E30 |
rgb(34,46,48) |
hsl(189,17%,16%) |
#222530 |
rgb(34,37,48) |
hsl(227,17%,16%) |
#282130 |
rgb(40,33,48) |
hsl(268,19%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#222530 |
rgb(34,37,48) |
hsl(227,17%,16%) |
#1C1F28 |
rgb(28,31,40) |
hsl(225,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 |
#222530 |
rgb(34,37,48) |
hsl(227,17%,16%) |
#302622 |
rgb(48,38,34) |
hsl(17,17%,16%) |
#2C3022 |
rgb(44,48,34) |
hsl(77,17%,16%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222530 |
rgb(34,37,48) |
hsl(227,17%,16%) |
#302E22 |
rgb(48,46,34) |
hsl(51,17%,16%) |
#222B30 |
rgb(34,43,48) |
hsl(201,17%,16%) |
#2C3022 |
rgb(44,48,34) |
hsl(77,17%,16%) |