Blue-Grey Shades
#304655
#3B576A
#46687F
#517994
#5D8AA8
#7199B4
#85A8BF
#9AB7CB
Shades & Tints
Select a color to view its shades and tints
Shades
#304655
#263844
#1D2A33
#131C22
#0A0E11
#000000
Tints
#304655
#596B77
#839099
#ACB5BB
#D6DADD
#FFFFFF
Color Harmonies
Explore different harmony schemes for the selected color
Analogous
#305551
#304655
#303355
Complementary
#304655
#553F30
Triadic
#304655
#553046
#465530
Square
#304655
#513055
#553F30
#335530
Compound
#304655
#553033
#555130
Split Complementary
#304655
#553033
#555130
Color Conversion Table
| Hex | RGB | HSL | CMYK | OKLCH | Image |
|---|---|---|---|---|---|
| #304655 | 48, 70, 85 | 204, 28%, 26% | 44%, 18%, 0%, 67% | oklch(0.382 0.038 239) |  |
| #3B576A | 59, 87, 106 | 204, 28%, 32% | 44%, 18%, 0%, 58% | oklch(0.442 0.046 239) | |
| #46687F | 70, 104, 127 | 204, 29%, 39% | 45%, 18%, 0%, 50% | oklch(0.501 0.054 239) | |
| #517994 | 81, 121, 148 | 204, 29%, 45% | 45%, 18%, 0%, 42% | oklch(0.557 0.061 239) | |
| #5D8AA8 | 93, 138, 168 | 204, 30%, 51% | 45%, 18%, 0%, 34% | oklch(0.613 0.067 239) | |
| #7199B4 | 113, 153, 180 | 204, 31%, 57% | 37%, 15%, 0%, 29% | oklch(0.664 0.060 238) | |
| #85A8BF | 133, 168, 191 | 204, 31%, 64% | 30%, 12%, 0%, 25% | oklch(0.714 0.051 237) | |
| #9AB7CB | 154, 183, 203 | 204, 32%, 70% | 24%, 10%, 0%, 20% | oklch(0.764 0.043 238) |