HEX #225B63 color — Blue Dianne
The color #225b63 is a dark shade and moderately saturated.
Palette
225b63 color palette from light to dark
HEX |
RGB |
HSL |
#f0f9fa |
rgb(240,249,250) |
hsl(187,49%,96%) |
#ddf1f3 |
rgb(221,241,243) |
hsl(187,49%,91%) |
#cae9ed |
rgb(202,233,237) |
hsl(187,49%,86%) |
#b7e1e6 |
rgb(183,225,230) |
hsl(187,49%,81%) |
#a4d9e0 |
rgb(164,217,224) |
hsl(187,49%,76%) |
#91d1d9 |
rgb(145,209,217) |
hsl(187,49%,71%) |
#7ec9d3 |
rgb(126,201,211) |
hsl(187,49%,66%) |
#6bc1cc |
rgb(107,193,204) |
hsl(187,49%,61%) |
#58b9c6 |
rgb(88,185,198) |
hsl(187,49%,56%) |
#45b1bf |
rgb(69,177,191) |
hsl(187,49%,51%) |
#3ca1af |
rgb(60,161,175) |
hsl(187,49%,46%) |
#35909c |
rgb(53,144,156) |
hsl(187,49%,41%) |
#2f7e89 |
rgb(47,126,137) |
hsl(187,49%,36%) |
#286d76 |
rgb(40,109,118) |
hsl(187,49%,31%) |
#225b63 |
rgb(34,91,99) |
hsl(187,49%,26%) |
#1b4a50 |
rgb(27,74,80) |
hsl(187,49%,21%) |
#15383d |
rgb(21,56,61) |
hsl(187,49%,16%) |
#0e272a |
rgb(14,39,42) |
hsl(187,49%,11%) |
#081517 |
rgb(8,21,23) |
hsl(187,49%,6%) |
#010404 |
rgb(1,4,4) |
hsl(187,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22633F |
rgb(34,99,63) |
hsl(147,49%,26%) |
#225B63 |
rgb(34,91,99) |
hsl(187,49%,26%) |
#223063 |
rgb(34,48,99) |
hsl(227,49%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276972 |
rgb(39,105,114) |
hsl(187,49%,30%) |
#225B63 |
rgb(34,91,99) |
hsl(187,49%,26%) |
#1C4D53 |
rgb(28,77,83) |
hsl(187,50%,22%) |
#173D43 |
rgb(23,61,67) |
hsl(188,49%,18%) |
#113033 |
rgb(17,48,51) |
hsl(185,50%,13%) |
#0C2123 |
rgb(12,33,35) |
hsl(185,49%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#225B63 |
rgb(34,91,99) |
hsl(187,49%,26%) |
#63213A |
rgb(99,33,58) |
hsl(337,50%,26%) |
#634A22 |
rgb(99,74,34) |
hsl(37,49%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225B63 |
rgb(34,91,99) |
hsl(187,49%,26%) |
#632922 |
rgb(99,41,34) |
hsl(6,49%,26%) |
#22634A |
rgb(34,99,74) |
hsl(157,49%,26%) |
#634A22 |
rgb(99,74,34) |
hsl(37,49%,26%) |