HEX #225A5D color — Blue Dianne
The color #225a5d is a dark shade and moderately saturated.
Palette
225a5d color palette from light to dark
HEX |
RGB |
HSL |
#ecf8f8 |
rgb(236,248,248) |
hsl(183,46%,95%) |
#daf0f1 |
rgb(218,240,241) |
hsl(183,46%,90%) |
#c7e9ea |
rgb(199,233,234) |
hsl(183,46%,85%) |
#b5e1e3 |
rgb(181,225,227) |
hsl(183,46%,80%) |
#a2dadd |
rgb(162,218,221) |
hsl(183,46%,75%) |
#8fd2d6 |
rgb(143,210,214) |
hsl(183,46%,70%) |
#7dcbcf |
rgb(125,203,207) |
hsl(183,46%,65%) |
#6ac3c8 |
rgb(106,195,200) |
hsl(183,46%,60%) |
#57bcc1 |
rgb(87,188,193) |
hsl(183,46%,55%) |
#45b4ba |
rgb(69,180,186) |
hsl(183,46%,50%) |
#3ea2a8 |
rgb(62,162,168) |
hsl(183,46%,45%) |
#379095 |
rgb(55,144,149) |
hsl(183,46%,40%) |
#307e82 |
rgb(48,126,130) |
hsl(183,46%,35%) |
#296c70 |
rgb(41,108,112) |
hsl(183,46%,30%) |
#225a5d |
rgb(34,90,93) |
hsl(183,46%,25%) |
#1c484a |
rgb(28,72,74) |
hsl(183,46%,20%) |
#153638 |
rgb(21,54,56) |
hsl(183,46%,15%) |
#0e2425 |
rgb(14,36,37) |
hsl(183,46%,10%) |
#071213 |
rgb(7,18,19) |
hsl(183,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C38 |
rgb(34,92,56) |
hsl(143,46%,25%) |
#225A5D |
rgb(34,90,93) |
hsl(183,46%,25%) |
#22335D |
rgb(34,51,93) |
hsl(223,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27696B |
rgb(39,105,107) |
hsl(182,47%,29%) |
#225A5D |
rgb(34,90,93) |
hsl(183,46%,25%) |
#1C4D4E |
rgb(28,77,78) |
hsl(181,47%,21%) |
#173D3F |
rgb(23,61,63) |
hsl(183,47%,17%) |
#112E30 |
rgb(17,46,48) |
hsl(184,48%,13%) |
#0C2121 |
rgb(12,33,33) |
hsl(180,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#225A5D |
rgb(34,90,93) |
hsl(183,46%,25%) |
#5D213C |
rgb(93,33,60) |
hsl(333,48%,25%) |
#5D4222 |
rgb(93,66,34) |
hsl(33,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225A5D |
rgb(34,90,93) |
hsl(183,46%,25%) |
#5D2622 |
rgb(93,38,34) |
hsl(4,46%,25%) |
#225C42 |
rgb(34,92,66) |
hsl(153,46%,25%) |
#5D4222 |
rgb(93,66,34) |
hsl(33,46%,25%) |