HEX #225E63 color — Blue Dianne
The color #225E63 is a dark shade and moderately saturated.
Palette
225E63 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f9fa |
rgb(240,249,250) |
hsl(185,49%,96%) |
| #ddf1f3 |
rgb(221,241,243) |
hsl(185,49%,91%) |
| #caeaed |
rgb(202,234,237) |
hsl(185,49%,86%) |
| #b7e2e6 |
rgb(183,226,230) |
hsl(185,49%,81%) |
| #a4dbe0 |
rgb(164,219,224) |
hsl(185,49%,76%) |
| #91d3d9 |
rgb(145,211,217) |
hsl(185,49%,71%) |
| #7eccd3 |
rgb(126,204,211) |
hsl(185,49%,66%) |
| #6bc4cc |
rgb(107,196,204) |
hsl(185,49%,61%) |
| #58bdc6 |
rgb(88,189,198) |
hsl(185,49%,56%) |
| #45b5bf |
rgb(69,181,191) |
hsl(185,49%,51%) |
| #3ca5af |
rgb(60,165,175) |
hsl(185,49%,46%) |
| #35939c |
rgb(53,147,156) |
hsl(185,49%,41%) |
| #2f8189 |
rgb(47,129,137) |
hsl(185,49%,36%) |
| #286f76 |
rgb(40,111,118) |
hsl(185,49%,31%) |
| #225d63 |
rgb(34,93,99) |
hsl(185,49%,26%) |
| #1b4b50 |
rgb(27,75,80) |
hsl(185,49%,21%) |
| #15393d |
rgb(21,57,61) |
hsl(185,49%,16%) |
| #0e282a |
rgb(14,40,42) |
hsl(185,49%,11%) |
| #081617 |
rgb(8,22,23) |
hsl(185,49%,6%) |
| #010404 |
rgb(1,4,4) |
hsl(185,49%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22633C |
rgb(34,99,60) |
hsl(144,49%,26%) |
| #225E63 |
rgb(34,94,99) |
hsl(185,49%,26%) |
| #223363 |
rgb(34,51,99) |
hsl(224,49%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #276E72 |
rgb(39,110,114) |
hsl(183,49%,30%) |
| #225E63 |
rgb(34,94,99) |
hsl(185,49%,26%) |
| #1C4F53 |
rgb(28,79,83) |
hsl(184,50%,22%) |
| #174043 |
rgb(23,64,67) |
hsl(184,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 |
| #225E63 |
rgb(34,94,99) |
hsl(185,49%,26%) |
| #63213D |
rgb(99,33,61) |
hsl(335,50%,26%) |
| #634722 |
rgb(99,71,34) |
hsl(34,49%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #225E63 |
rgb(34,94,99) |
hsl(185,49%,26%) |
| #632622 |
rgb(99,38,34) |
hsl(4,49%,26%) |
| #226347 |
rgb(34,99,71) |
hsl(154,49%,26%) |
| #634722 |
rgb(99,71,34) |
hsl(34,49%,26%) |
