HEX #2C4A9E color — Sapphire
The color #2C4A9E is a dark shade and moderately saturated.
Palette
2C4A9E color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(224,56%,95%) |
#d7dff4 |
rgb(215,223,244) |
hsl(224,56%,90%) |
#c3cfee |
rgb(195,207,238) |
hsl(224,56%,85%) |
#afbfe9 |
rgb(175,191,233) |
hsl(224,56%,80%) |
#9cafe3 |
rgb(156,175,227) |
hsl(224,56%,75%) |
#889fdd |
rgb(136,159,221) |
hsl(224,56%,70%) |
#748ed8 |
rgb(116,142,216) |
hsl(224,56%,65%) |
#607ed2 |
rgb(96,126,210) |
hsl(224,56%,60%) |
#4c6ecd |
rgb(76,110,205) |
hsl(224,56%,55%) |
#385ec7 |
rgb(56,94,199) |
hsl(224,56%,50%) |
#3255b3 |
rgb(50,85,179) |
hsl(224,56%,45%) |
#2d4b9f |
rgb(45,75,159) |
hsl(224,56%,40%) |
#27428b |
rgb(39,66,139) |
hsl(224,56%,35%) |
#223977 |
rgb(34,57,119) |
hsl(224,56%,30%) |
#1c2f63 |
rgb(28,47,99) |
hsl(224,56%,25%) |
#162650 |
rgb(22,38,80) |
hsl(224,56%,20%) |
#111c3c |
rgb(17,28,60) |
hsl(224,56%,15%) |
#0b1328 |
rgb(11,19,40) |
hsl(224,56%,10%) |
#060914 |
rgb(6,9,20) |
hsl(224,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C969E |
rgb(44,150,158) |
hsl(184,56%,40%) |
#2C4A9E |
rgb(44,74,158) |
hsl(224,56%,40%) |
#5A2B9E |
rgb(90,43,158) |
hsl(265,57%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3357B7 |
rgb(51,87,183) |
hsl(224,56%,46%) |
#2C4A9E |
rgb(44,74,158) |
hsl(224,56%,40%) |
#243D84 |
rgb(36,61,132) |
hsl(224,57%,33%) |
#1D336B |
rgb(29,51,107) |
hsl(223,57%,27%) |
#162652 |
rgb(22,38,82) |
hsl(224,58%,20%) |
#0F1A38 |
rgb(15,26,56) |
hsl(224,58%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4A9E |
rgb(44,74,158) |
hsl(224,56%,40%) |
#9E472C |
rgb(158,71,44) |
hsl(14,56%,40%) |
#839E2C |
rgb(131,158,44) |
hsl(74,56%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4A9E |
rgb(44,74,158) |
hsl(224,56%,40%) |
#9E802C |
rgb(158,128,44) |
hsl(44,56%,40%) |
#2C829E |
rgb(44,130,158) |
hsl(195,56%,40%) |
#839E2C |
rgb(131,158,44) |
hsl(74,56%,40%) |