HEX #668CA2 color — Hoki

The color #668CA2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

668CA2 color palette from light to dark

HEX RGB HSL
#f6f8f9 rgb(246,248,249) hsl(202,24%,97%)
#e6ecef rgb(230,236,239) hsl(202,24%,92%)
#d6e0e6 rgb(214,224,230) hsl(202,24%,87%)
#c6d4dc rgb(198,212,220) hsl(202,24%,82%)
#b6c8d2 rgb(182,200,210) hsl(202,24%,77%)
#a6bcc9 rgb(166,188,201) hsl(202,24%,72%)
#97b0bf rgb(151,176,191) hsl(202,24%,67%)
#87a4b5 rgb(135,164,181) hsl(202,24%,62%)
#7798ac rgb(119,152,172) hsl(202,24%,57%)
#678ca2 rgb(103,140,162) hsl(202,24%,52%)
#5b8095 rgb(91,128,149) hsl(202,24%,47%)
#517285 rgb(81,114,133) hsl(202,24%,42%)
#486475 rgb(72,100,117) hsl(202,24%,37%)
#3e5765 rgb(62,87,101) hsl(202,24%,32%)
#344955 rgb(52,73,85) hsl(202,24%,27%)
#2b3c46 rgb(43,60,70) hsl(202,24%,22%)
#212e36 rgb(33,46,54) hsl(202,24%,17%)
#172126 rgb(23,33,38) hsl(202,24%,12%)
#0e1316 rgb(14,19,22) hsl(202,24%,7%)
#040506 rgb(4,5,6) hsl(202,24%,2%)

Adjacent colors

HEX RGB HSL
#66A390 rgb(102,163,144) hsl(161,25%,52%)
#668CA2 rgb(102,140,162) hsl(202,24%,52%)
#6866A2 rgb(104,102,162) hsl(242,24%,52%)

Monochromatic colors

HEX RGB HSL
#9AB3C1 rgb(154,179,193) hsl(202,24%,68%)
#80A1B1 rgb(128,161,177) hsl(200,24%,60%)
#668CA2 rgb(102,140,162) hsl(202,24%,52%)
#537589 rgb(83,117,137) hsl(202,25%,43%)
#435E6F rgb(67,94,111) hsl(203,25%,35%)
#334A55 rgb(51,74,85) hsl(199,25%,27%)

Triad color palettes

HEX RGB HSL
#668CA2 rgb(102,140,162) hsl(202,24%,52%)
#A2666E rgb(162,102,110) hsl(352,24%,52%)
#A29966 rgb(162,153,102) hsl(51,24%,52%)

Tetrad color palettes

HEX RGB HSL
#668CA2 rgb(102,140,162) hsl(202,24%,52%)
#A27D66 rgb(162,125,102) hsl(23,24%,52%)
#66A39A rgb(102,163,154) hsl(171,25%,52%)
#A29966 rgb(162,153,102) hsl(51,24%,52%)