HEX #222F63 color — Cello
The color #222f63 is a dark shade and moderately saturated.
Palette
222f63 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f2fa |
rgb(240,242,250) |
hsl(228,49%,96%) |
| #dde1f3 |
rgb(221,225,243) |
hsl(228,49%,91%) |
| #cad1ed |
rgb(202,209,237) |
hsl(228,49%,86%) |
| #b7c0e6 |
rgb(183,192,230) |
hsl(228,49%,81%) |
| #a4b0e0 |
rgb(164,176,224) |
hsl(228,49%,76%) |
| #919fd9 |
rgb(145,159,217) |
hsl(228,49%,71%) |
| #7e8fd3 |
rgb(126,143,211) |
hsl(228,49%,66%) |
| #6b7ecc |
rgb(107,126,204) |
hsl(228,49%,61%) |
| #586ec6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
| #455dbf |
rgb(69,93,191) |
hsl(228,49%,51%) |
| #3c53af |
rgb(60,83,175) |
hsl(228,49%,46%) |
| #354a9c |
rgb(53,74,156) |
hsl(228,49%,41%) |
| #2f4189 |
rgb(47,65,137) |
hsl(228,49%,36%) |
| #283876 |
rgb(40,56,118) |
hsl(228,49%,31%) |
| #222f63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
| #1b2650 |
rgb(27,38,80) |
hsl(228,49%,21%) |
| #151d3d |
rgb(21,29,61) |
hsl(228,49%,16%) |
| #0e142a |
rgb(14,20,42) |
hsl(228,49%,11%) |
| #080b17 |
rgb(8,11,23) |
hsl(228,49%,6%) |
| #010204 |
rgb(1,2,4) |
hsl(228,49%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #225963 |
rgb(34,89,99) |
hsl(189,49%,26%) |
| #222F63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
| #402163 |
rgb(64,33,99) |
hsl(268,50%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #273672 |
rgb(39,54,114) |
hsl(228,49%,30%) |
| #222F63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
| #1C2653 |
rgb(28,38,83) |
hsl(229,50%,22%) |
| #172143 |
rgb(23,33,67) |
hsl(226,49%,18%) |
| #111A33 |
rgb(17,26,51) |
hsl(224,50%,13%) |
| #0C1223 |
rgb(12,18,35) |
hsl(224,49%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222F63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
| #633622 |
rgb(99,54,34) |
hsl(18,49%,26%) |
| #4F6322 |
rgb(79,99,34) |
hsl(78,49%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222F63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
| #635722 |
rgb(99,87,34) |
hsl(49,49%,26%) |
| #224F63 |
rgb(34,79,99) |
hsl(198,49%,26%) |
| #4F6322 |
rgb(79,99,34) |
hsl(78,49%,26%) |
