HEX #2C54AA color — Sapphire
The color #2C54AA is a dark shade and moderately saturated.
Palette
2C54AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,59%,97%) |
#dfe6f7 |
rgb(223,230,247) |
hsl(221,59%,92%) |
#cad7f1 |
rgb(202,215,241) |
hsl(221,59%,87%) |
#b6c7ec |
rgb(182,199,236) |
hsl(221,59%,82%) |
#a2b8e7 |
rgb(162,184,231) |
hsl(221,59%,77%) |
#8da8e2 |
rgb(141,168,226) |
hsl(221,59%,72%) |
#7999dc |
rgb(121,153,220) |
hsl(221,59%,67%) |
#6589d7 |
rgb(101,137,215) |
hsl(221,59%,62%) |
#517ad2 |
rgb(81,122,210) |
hsl(221,59%,57%) |
#3c6acd |
rgb(60,106,205) |
hsl(221,59%,52%) |
#315ebf |
rgb(49,94,191) |
hsl(221,59%,47%) |
#2c54aa |
rgb(44,84,170) |
hsl(221,59%,42%) |
#274a96 |
rgb(39,74,150) |
hsl(221,59%,37%) |
#214082 |
rgb(33,64,130) |
hsl(221,59%,32%) |
#1c366d |
rgb(28,54,109) |
hsl(221,59%,27%) |
#172c59 |
rgb(23,44,89) |
hsl(221,59%,22%) |
#122245 |
rgb(18,34,69) |
hsl(221,59%,17%) |
#0d1831 |
rgb(13,24,49) |
hsl(221,59%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(221,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA8AA |
rgb(44,168,170) |
hsl(181,59%,42%) |
#2C54AA |
rgb(44,84,170) |
hsl(221,59%,42%) |
#582BAA |
rgb(88,43,170) |
hsl(261,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A75D0 |
rgb(74,117,208) |
hsl(221,59%,55%) |
#3361C5 |
rgb(51,97,197) |
hsl(221,59%,49%) |
#2C54AA |
rgb(44,84,170) |
hsl(221,59%,42%) |
#24478E |
rgb(36,71,142) |
hsl(220,60%,35%) |
#1D3873 |
rgb(29,56,115) |
hsl(221,60%,28%) |
#162B58 |
rgb(22,43,88) |
hsl(221,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C54AA |
rgb(44,84,170) |
hsl(221,59%,42%) |
#AA422C |
rgb(170,66,44) |
hsl(10,59%,42%) |
#93AB2C |
rgb(147,171,44) |
hsl(71,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C54AA |
rgb(44,84,170) |
hsl(221,59%,42%) |
#AA822C |
rgb(170,130,44) |
hsl(41,59%,42%) |
#2C94AA |
rgb(44,148,170) |
hsl(190,59%,42%) |
#93AB2C |
rgb(147,171,44) |
hsl(71,59%,42%) |