HEX #9CA8C0 color — Cadet Blue
The color #9CA8C0 is a light shade and desaturated.
Palette
9CA8C0 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(220,22%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(220,22%,93%) |
#dadee7 |
rgb(218,222,231) |
hsl(220,22%,88%) |
#cad0dd |
rgb(202,208,221) |
hsl(220,22%,83%) |
#bbc3d3 |
rgb(187,195,211) |
hsl(220,22%,78%) |
#abb5c9 |
rgb(171,181,201) |
hsl(220,22%,73%) |
#9ba7bf |
rgb(155,167,191) |
hsl(220,22%,68%) |
#8c9ab5 |
rgb(140,154,181) |
hsl(220,22%,63%) |
#7c8cab |
rgb(124,140,171) |
hsl(220,22%,58%) |
#6d7ea2 |
rgb(109,126,162) |
hsl(220,22%,53%) |
#5f7195 |
rgb(95,113,149) |
hsl(220,22%,48%) |
#566686 |
rgb(86,102,134) |
hsl(220,22%,43%) |
#4c5a76 |
rgb(76,90,118) |
hsl(220,22%,38%) |
#424e67 |
rgb(66,78,103) |
hsl(220,22%,33%) |
#384257 |
rgb(56,66,87) |
hsl(220,22%,28%) |
#2e3648 |
rgb(46,54,72) |
hsl(220,22%,23%) |
#242b38 |
rgb(36,43,56) |
hsl(220,22%,18%) |
#1a1f28 |
rgb(26,31,40) |
hsl(220,22%,13%) |
#101319 |
rgb(16,19,25) |
hsl(220,22%,8%) |
#060709 |
rgb(6,7,9) |
hsl(220,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#9CBFC0 |
rgb(156,191,192) |
hsl(182,22%,68%) |
#9CA8C0 |
rgb(156,168,192) |
hsl(220,22%,68%) |
#A89CC0 |
rgb(168,156,192) |
hsl(260,22%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E0E3EB |
rgb(224,227,235) |
hsl(224,22%,90%) |
#BEC7D5 |
rgb(190,199,213) |
hsl(217,21%,79%) |
#9CA8C0 |
rgb(156,168,192) |
hsl(220,22%,68%) |
#798AAA |
rgb(121,138,170) |
hsl(219,22%,57%) |
#5C6E90 |
rgb(92,110,144) |
hsl(219,22%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#9CA8C0 |
rgb(156,168,192) |
hsl(220,22%,68%) |
#C0A39C |
rgb(192,163,156) |
hsl(12,22%,68%) |
#BABF9C |
rgb(186,191,156) |
hsl(69,21%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9CA8C0 |
rgb(156,168,192) |
hsl(220,22%,68%) |
#C0B59C |
rgb(192,181,156) |
hsl(42,22%,68%) |
#9CBAC0 |
rgb(156,186,192) |
hsl(190,22%,68%) |
#BABF9C |
rgb(186,191,156) |
hsl(69,21%,68%) |