HEX #304A8F color — Chambray
The color #304A8F is a dark shade and moderately saturated.
Palette
304A8F color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f6fb |
rgb(244,246,251) |
hsl(224,50%,97%) |
| #e0e6f5 |
rgb(224,230,245) |
hsl(224,50%,92%) |
| #cdd6ee |
rgb(205,214,238) |
hsl(224,50%,87%) |
| #bac6e8 |
rgb(186,198,232) |
hsl(224,50%,82%) |
| #a7b7e2 |
rgb(167,183,226) |
hsl(224,50%,77%) |
| #94a7db |
rgb(148,167,219) |
hsl(224,50%,72%) |
| #8197d5 |
rgb(129,151,213) |
hsl(224,50%,67%) |
| #6e87cf |
rgb(110,135,207) |
hsl(224,50%,62%) |
| #5b78c8 |
rgb(91,120,200) |
hsl(224,50%,57%) |
| #4768c2 |
rgb(71,104,194) |
hsl(224,50%,52%) |
| #3c5cb4 |
rgb(60,92,180) |
hsl(224,50%,47%) |
| #3652a1 |
rgb(54,82,161) |
hsl(224,50%,42%) |
| #2f488e |
rgb(47,72,142) |
hsl(224,50%,37%) |
| #293f7a |
rgb(41,63,122) |
hsl(224,50%,32%) |
| #223567 |
rgb(34,53,103) |
hsl(224,50%,27%) |
| #1c2b54 |
rgb(28,43,84) |
hsl(224,50%,22%) |
| #162141 |
rgb(22,33,65) |
hsl(224,50%,17%) |
| #0f172e |
rgb(15,23,46) |
hsl(224,50%,12%) |
| #090e1b |
rgb(9,14,27) |
hsl(224,50%,7%) |
| #030408 |
rgb(3,4,8) |
hsl(224,50%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #308A8F |
rgb(48,138,143) |
hsl(183,50%,37%) |
| #304A8F |
rgb(48,74,143) |
hsl(224,50%,37%) |
| #55308F |
rgb(85,48,143) |
hsl(263,50%,37%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3757A5 |
rgb(55,87,165) |
hsl(223,50%,43%) |
| #304A8F |
rgb(48,74,143) |
hsl(224,50%,37%) |
| #283D78 |
rgb(40,61,120) |
hsl(224,50%,31%) |
| #203361 |
rgb(32,51,97) |
hsl(222,50%,25%) |
| #18264A |
rgb(24,38,74) |
hsl(223,51%,19%) |
| #111A33 |
rgb(17,26,51) |
hsl(224,50%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A8F |
rgb(48,74,143) |
hsl(224,50%,37%) |
| #8F4530 |
rgb(143,69,48) |
hsl(13,50%,37%) |
| #798F30 |
rgb(121,143,48) |
hsl(74,50%,37%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A8F |
rgb(48,74,143) |
hsl(224,50%,37%) |
| #8F7530 |
rgb(143,117,48) |
hsl(44,50%,37%) |
| #307A8F |
rgb(48,122,143) |
hsl(193,50%,37%) |
| #798F30 |
rgb(121,143,48) |
hsl(74,50%,37%) |
