Color HEX #5F7DA0, RGB(95,125,160)
Color name is Hoki. The color #5f7da0 is a dark shade and slightly desaturated.
Palette
5f7da0 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(212,25%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(212,25%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(212,25%,3%) |
| #080a0d |
rgb(8,10,13) |
hsl(212,25%,4%) |
| #0a0d10 |
rgb(10,13,16) |
hsl(212,25%,5%) |
| #0b0f13 |
rgb(11,15,19) |
hsl(212,25%,6%) |
| #0d1216 |
rgb(13,18,22) |
hsl(212,25%,7%) |
| #0f141a |
rgb(15,20,26) |
hsl(212,25%,8%) |
| #11171d |
rgb(17,23,29) |
hsl(212,25%,9%) |
| #131920 |
rgb(19,25,32) |
hsl(212,25%,10%) |
| #151c23 |
rgb(21,28,35) |
hsl(212,25%,11%) |
| #171e26 |
rgb(23,30,38) |
hsl(212,25%,12%) |
| #192129 |
rgb(25,33,41) |
hsl(212,25%,13%) |
| #1b232d |
rgb(27,35,45) |
hsl(212,25%,14%) |
| #1d2630 |
rgb(29,38,48) |
hsl(212,25%,15%) |
| #1f2833 |
rgb(31,40,51) |
hsl(212,25%,16%) |
| #212b36 |
rgb(33,43,54) |
hsl(212,25%,17%) |
| #222d39 |
rgb(34,45,57) |
hsl(212,25%,18%) |
| #24303d |
rgb(36,48,61) |
hsl(212,25%,19%) |
| #263240 |
rgb(38,50,64) |
hsl(212,25%,20%) |
| #283543 |
rgb(40,53,67) |
hsl(212,25%,21%) |
| #2a3746 |
rgb(42,55,70) |
hsl(212,25%,22%) |
| #2c3a49 |
rgb(44,58,73) |
hsl(212,25%,23%) |
| #2e3c4d |
rgb(46,60,77) |
hsl(212,25%,24%) |
| #303f50 |
rgb(48,63,80) |
hsl(212,25%,25%) |
| #324153 |
rgb(50,65,83) |
hsl(212,25%,26%) |
| #344456 |
rgb(52,68,86) |
hsl(212,25%,27%) |
| #364659 |
rgb(54,70,89) |
hsl(212,25%,28%) |
| #37495c |
rgb(55,73,92) |
hsl(212,25%,29%) |
| #394b60 |
rgb(57,75,96) |
hsl(212,25%,30%) |
| #3b4e63 |
rgb(59,78,99) |
hsl(212,25%,31%) |
| #3d5066 |
rgb(61,80,102) |
hsl(212,25%,32%) |
| #3f5369 |
rgb(63,83,105) |
hsl(212,25%,33%) |
| #41556c |
rgb(65,85,108) |
hsl(212,25%,34%) |
| #435870 |
rgb(67,88,112) |
hsl(212,25%,35%) |
| #455a73 |
rgb(69,90,115) |
hsl(212,25%,36%) |
| #475d76 |
rgb(71,93,118) |
hsl(212,25%,37%) |
| #495f79 |
rgb(73,95,121) |
hsl(212,25%,38%) |
| #4b627c |
rgb(75,98,124) |
hsl(212,25%,39%) |
| #4d6480 |
rgb(77,100,128) |
hsl(212,25%,40%) |
| #4e6783 |
rgb(78,103,131) |
hsl(212,25%,41%) |
| #506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
| #526c89 |
rgb(82,108,137) |
hsl(212,25%,43%) |
| #546e8c |
rgb(84,110,140) |
hsl(212,25%,44%) |
| #56718f |
rgb(86,113,143) |
hsl(212,25%,45%) |
| #587393 |
rgb(88,115,147) |
hsl(212,25%,46%) |
| #5a7696 |
rgb(90,118,150) |
hsl(212,25%,47%) |
| #5c7899 |
rgb(92,120,153) |
hsl(212,25%,48%) |
| #5e7b9c |
rgb(94,123,156) |
hsl(212,25%,49%) |
| #607d9f |
rgb(96,125,159) |
hsl(212,25%,50%) |
| #6380a1 |
rgb(99,128,161) |
hsl(212,25%,51%) |
| #6683a3 |
rgb(102,131,163) |
hsl(212,25%,52%) |
| #6985a5 |
rgb(105,133,165) |
hsl(212,25%,53%) |
| #6c88a7 |
rgb(108,136,167) |
hsl(212,25%,54%) |
| #708aa9 |
rgb(112,138,169) |
hsl(212,25%,55%) |
| #738dab |
rgb(115,141,171) |
hsl(212,25%,56%) |
| #7690ad |
rgb(118,144,173) |
hsl(212,25%,57%) |
| #7992af |
rgb(121,146,175) |
hsl(212,25%,58%) |
| #7c95b1 |
rgb(124,149,177) |
hsl(212,25%,59%) |
| #8097b3 |
rgb(128,151,179) |
hsl(212,25%,60%) |
| #839ab4 |
rgb(131,154,180) |
hsl(212,25%,61%) |
| #869cb6 |
rgb(134,156,182) |
hsl(212,25%,62%) |
| #899fb8 |
rgb(137,159,184) |
hsl(212,25%,63%) |
| #8ca2ba |
rgb(140,162,186) |
hsl(212,25%,64%) |
| #8fa4bc |
rgb(143,164,188) |
hsl(212,25%,65%) |
| #93a7be |
rgb(147,167,190) |
hsl(212,25%,66%) |
| #96a9c0 |
rgb(150,169,192) |
hsl(212,25%,67%) |
| #99acc2 |
rgb(153,172,194) |
hsl(212,25%,68%) |
| #9cafc4 |
rgb(156,175,196) |
hsl(212,25%,69%) |
| #9fb1c6 |
rgb(159,177,198) |
hsl(212,25%,70%) |
| #a3b4c8 |
rgb(163,180,200) |
hsl(212,25%,71%) |
| #a6b6c9 |
rgb(166,182,201) |
hsl(212,25%,72%) |
| #a9b9cb |
rgb(169,185,203) |
hsl(212,25%,73%) |
| #acbccd |
rgb(172,188,205) |
hsl(212,25%,74%) |
| #afbecf |
rgb(175,190,207) |
hsl(212,25%,75%) |
| #b3c1d1 |
rgb(179,193,209) |
hsl(212,25%,76%) |
| #b6c3d3 |
rgb(182,195,211) |
hsl(212,25%,77%) |
| #b9c6d5 |
rgb(185,198,213) |
hsl(212,25%,78%) |
| #bcc9d7 |
rgb(188,201,215) |
hsl(212,25%,79%) |
| #bfcbd9 |
rgb(191,203,217) |
hsl(212,25%,80%) |
| #c2cedb |
rgb(194,206,219) |
hsl(212,25%,81%) |
| #c6d0dd |
rgb(198,208,221) |
hsl(212,25%,82%) |
| #c9d3de |
rgb(201,211,222) |
hsl(212,25%,83%) |
| #ccd6e0 |
rgb(204,214,224) |
hsl(212,25%,84%) |
| #cfd8e2 |
rgb(207,216,226) |
hsl(212,25%,85%) |
| #d2dbe4 |
rgb(210,219,228) |
hsl(212,25%,86%) |
| #d6dde6 |
rgb(214,221,230) |
hsl(212,25%,87%) |
| #d9e0e8 |
rgb(217,224,232) |
hsl(212,25%,88%) |
| #dce2ea |
rgb(220,226,234) |
hsl(212,25%,89%) |
| #dfe5ec |
rgb(223,229,236) |
hsl(212,25%,90%) |
| #e2e8ee |
rgb(226,232,238) |
hsl(212,25%,91%) |
| #e6eaf0 |
rgb(230,234,240) |
hsl(212,25%,92%) |
| #e9edf2 |
rgb(233,237,242) |
hsl(212,25%,93%) |
| #eceff4 |
rgb(236,239,244) |
hsl(212,25%,94%) |
| #eff2f5 |
rgb(239,242,245) |
hsl(212,25%,95%) |
| #f2f5f7 |
rgb(242,245,247) |
hsl(212,25%,96%) |
| #f5f7f9 |
rgb(245,247,249) |
hsl(212,25%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(212,25%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(212,25%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5fa197 |
rgb(95,161,151) |
hsl(171,26%,50%) |
| #5f7da0 |
rgb(95,125,160) |
hsl(212,25%,50%) |
| #6c5ea0 |
rgb(108,94,160) |
hsl(253,26%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #92a6be |
rgb(146,166,190) |
hsl(213,25%,66%) |
| #7891af |
rgb(120,145,175) |
hsl(213,26%,58%) |
| #5f7da0 |
rgb(95,125,160) |
hsl(212,25%,50%) |
| #4f6986 |
rgb(79,105,134) |
hsl(212,26%,42%) |
| #40546c |
rgb(64,84,108) |
hsl(213,26%,34%) |
| #314053 |
rgb(49,64,83) |
hsl(214,26%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5f7da0 |
rgb(95,125,160) |
hsl(212,25%,50%) |
| #a0615f |
rgb(160,97,95) |
hsl(2,25%,50%) |
| #9da15f |
rgb(157,161,95) |
hsl(64,26%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5f7da0 |
rgb(95,125,160) |
hsl(212,25%,50%) |
| #a0825f |
rgb(160,130,95) |
hsl(32,25%,50%) |
| #5f9ea0 |
rgb(95,158,160) |
hsl(182,25%,50%) |
| #9da15f |
rgb(157,161,95) |
hsl(64,26%,50%) |
