HEX #314DDB color — Royal Blue
The color #314DDB is a dark shade and moderately saturated.
Palette
314DDB color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fd |
rgb(246,248,253) |
hsl(230,70%,98%) |
#e1e5fa |
rgb(225,229,250) |
hsl(230,70%,93%) |
#cbd2f6 |
rgb(203,210,246) |
hsl(230,70%,88%) |
#b5bff2 |
rgb(181,191,242) |
hsl(230,70%,83%) |
#a0adee |
rgb(160,173,238) |
hsl(230,70%,78%) |
#8a9aea |
rgb(138,154,234) |
hsl(230,70%,73%) |
#7487e7 |
rgb(116,135,231) |
hsl(230,70%,68%) |
#5f75e3 |
rgb(95,117,227) |
hsl(230,70%,63%) |
#4962df |
rgb(73,98,223) |
hsl(230,70%,58%) |
#334fdb |
rgb(51,79,219) |
hsl(230,70%,53%) |
#2541d0 |
rgb(37,65,208) |
hsl(230,70%,48%) |
#213aba |
rgb(33,58,186) |
hsl(230,70%,43%) |
#1d34a5 |
rgb(29,52,165) |
hsl(230,70%,38%) |
#192d8f |
rgb(25,45,143) |
hsl(230,70%,33%) |
#152679 |
rgb(21,38,121) |
hsl(230,70%,28%) |
#121f64 |
rgb(18,31,100) |
hsl(230,70%,23%) |
#0e184e |
rgb(14,24,78) |
hsl(230,70%,18%) |
#0a1238 |
rgb(10,18,56) |
hsl(230,70%,13%) |
#060b23 |
rgb(6,11,35) |
hsl(230,70%,8%) |
#02040d |
rgb(2,4,13) |
hsl(230,70%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BFDB |
rgb(49,191,219) |
hsl(190,70%,53%) |
#314DDB |
rgb(49,77,219) |
hsl(230,70%,53%) |
#8630DB |
rgb(134,48,219) |
hsl(270,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8CE7 |
rgb(122,140,231) |
hsl(230,69%,69%) |
#556EE1 |
rgb(85,110,225) |
hsl(229,70%,61%) |
#314DDB |
rgb(49,77,219) |
hsl(230,70%,53%) |
#213BBF |
rgb(33,59,191) |
hsl(230,71%,44%) |
#1B309B |
rgb(27,48,155) |
hsl(230,70%,36%) |
#142476 |
rgb(20,36,118) |
hsl(230,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DDB |
rgb(49,77,219) |
hsl(230,70%,53%) |
#DB6B31 |
rgb(219,107,49) |
hsl(20,70%,53%) |
#A2DB31 |
rgb(162,219,49) |
hsl(80,70%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DDB |
rgb(49,77,219) |
hsl(230,70%,53%) |
#DBBF31 |
rgb(219,191,49) |
hsl(50,70%,53%) |
#31A3DB |
rgb(49,163,219) |
hsl(200,70%,53%) |
#A2DB31 |
rgb(162,219,49) |
hsl(80,70%,53%) |