HEX #304AD0 color — Cerulean Blue
The color #304AD0 is a dark shade and moderately saturated.
Palette
304AD0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaedfa |
rgb(234,237,250) |
hsl(230,63%,95%) |
| #d5dbf6 |
rgb(213,219,246) |
hsl(230,63%,90%) |
| #c1c9f1 |
rgb(193,201,241) |
hsl(230,63%,85%) |
| #acb7ec |
rgb(172,183,236) |
hsl(230,63%,80%) |
| #97a4e7 |
rgb(151,164,231) |
hsl(230,63%,75%) |
| #8292e3 |
rgb(130,146,227) |
hsl(230,63%,70%) |
| #6e80de |
rgb(110,128,222) |
hsl(230,63%,65%) |
| #596ed9 |
rgb(89,110,217) |
hsl(230,63%,60%) |
| #445cd5 |
rgb(68,92,213) |
hsl(230,63%,55%) |
| #2f4ad0 |
rgb(47,74,208) |
hsl(230,63%,50%) |
| #2a43bb |
rgb(42,67,187) |
hsl(230,63%,45%) |
| #263ba6 |
rgb(38,59,166) |
hsl(230,63%,40%) |
| #213491 |
rgb(33,52,145) |
hsl(230,63%,35%) |
| #1c2c7d |
rgb(28,44,125) |
hsl(230,63%,30%) |
| #182568 |
rgb(24,37,104) |
hsl(230,63%,25%) |
| #131e53 |
rgb(19,30,83) |
hsl(230,63%,20%) |
| #0e163e |
rgb(14,22,62) |
hsl(230,63%,15%) |
| #090f2a |
rgb(9,15,42) |
hsl(230,63%,10%) |
| #050715 |
rgb(5,7,21) |
hsl(230,63%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30B5D0 |
rgb(48,181,208) |
hsl(190,63%,50%) |
| #304AD0 |
rgb(48,74,208) |
hsl(230,63%,50%) |
| #8030D0 |
rgb(128,48,208) |
hsl(270,63%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7285DF |
rgb(114,133,223) |
hsl(230,63%,66%) |
| #5166D7 |
rgb(81,102,215) |
hsl(231,63%,58%) |
| #304AD0 |
rgb(48,74,208) |
hsl(230,63%,50%) |
| #273DAF |
rgb(39,61,175) |
hsl(230,64%,42%) |
| #20338D |
rgb(32,51,141) |
hsl(230,63%,34%) |
| #18266C |
rgb(24,38,108) |
hsl(230,64%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304AD0 |
rgb(48,74,208) |
hsl(230,63%,50%) |
| #D06630 |
rgb(208,102,48) |
hsl(20,63%,50%) |
| #9AD130 |
rgb(154,209,48) |
hsl(80,64%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304AD0 |
rgb(48,74,208) |
hsl(230,63%,50%) |
| #D0B530 |
rgb(208,181,48) |
hsl(50,63%,50%) |
| #3099D0 |
rgb(48,153,208) |
hsl(201,63%,50%) |
| #9AD130 |
rgb(154,209,48) |
hsl(80,64%,50%) |
