Color HEX #4270BD, RGB(66,112,189)
Color name is Indigo. The color #4270bd is a dark shade and moderately saturated.
Palette
4270bd color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(218,48%,1%) |
| #030408 |
rgb(3,4,8) |
hsl(218,48%,2%) |
| #04070b |
rgb(4,7,11) |
hsl(218,48%,3%) |
| #05090f |
rgb(5,9,15) |
hsl(218,48%,4%) |
| #070b13 |
rgb(7,11,19) |
hsl(218,48%,5%) |
| #080d17 |
rgb(8,13,23) |
hsl(218,48%,6%) |
| #09101a |
rgb(9,16,26) |
hsl(218,48%,7%) |
| #0b121e |
rgb(11,18,30) |
hsl(218,48%,8%) |
| #0c1422 |
rgb(12,20,34) |
hsl(218,48%,9%) |
| #0d1626 |
rgb(13,22,38) |
hsl(218,48%,10%) |
| #0f182a |
rgb(15,24,42) |
hsl(218,48%,11%) |
| #101b2d |
rgb(16,27,45) |
hsl(218,48%,12%) |
| #111d31 |
rgb(17,29,49) |
hsl(218,48%,13%) |
| #131f35 |
rgb(19,31,53) |
hsl(218,48%,14%) |
| #142139 |
rgb(20,33,57) |
hsl(218,48%,15%) |
| #15243c |
rgb(21,36,60) |
hsl(218,48%,16%) |
| #172640 |
rgb(23,38,64) |
hsl(218,48%,17%) |
| #182844 |
rgb(24,40,68) |
hsl(218,48%,18%) |
| #192a48 |
rgb(25,42,72) |
hsl(218,48%,19%) |
| #1b2c4b |
rgb(27,44,75) |
hsl(218,48%,20%) |
| #1c2f4f |
rgb(28,47,79) |
hsl(218,48%,21%) |
| #1d3153 |
rgb(29,49,83) |
hsl(218,48%,22%) |
| #1e3357 |
rgb(30,51,87) |
hsl(218,48%,23%) |
| #20355b |
rgb(32,53,91) |
hsl(218,48%,24%) |
| #21385e |
rgb(33,56,94) |
hsl(218,48%,25%) |
| #223a62 |
rgb(34,58,98) |
hsl(218,48%,26%) |
| #243c66 |
rgb(36,60,102) |
hsl(218,48%,27%) |
| #253e6a |
rgb(37,62,106) |
hsl(218,48%,28%) |
| #26406d |
rgb(38,64,109) |
hsl(218,48%,29%) |
| #284371 |
rgb(40,67,113) |
hsl(218,48%,30%) |
| #294575 |
rgb(41,69,117) |
hsl(218,48%,31%) |
| #2a4779 |
rgb(42,71,121) |
hsl(218,48%,32%) |
| #2c497d |
rgb(44,73,125) |
hsl(218,48%,33%) |
| #2d4c80 |
rgb(45,76,128) |
hsl(218,48%,34%) |
| #2e4e84 |
rgb(46,78,132) |
hsl(218,48%,35%) |
| #305088 |
rgb(48,80,136) |
hsl(218,48%,36%) |
| #31528c |
rgb(49,82,140) |
hsl(218,48%,37%) |
| #32548f |
rgb(50,84,143) |
hsl(218,48%,38%) |
| #345793 |
rgb(52,87,147) |
hsl(218,48%,39%) |
| #355997 |
rgb(53,89,151) |
hsl(218,48%,40%) |
| #365b9b |
rgb(54,91,155) |
hsl(218,48%,41%) |
| #385d9f |
rgb(56,93,159) |
hsl(218,48%,42%) |
| #3960a2 |
rgb(57,96,162) |
hsl(218,48%,43%) |
| #3a62a6 |
rgb(58,98,166) |
hsl(218,48%,44%) |
| #3c64aa |
rgb(60,100,170) |
hsl(218,48%,45%) |
| #3d66ae |
rgb(61,102,174) |
hsl(218,48%,46%) |
| #3e69b1 |
rgb(62,105,177) |
hsl(218,48%,47%) |
| #406bb5 |
rgb(64,107,181) |
hsl(218,48%,48%) |
| #416db9 |
rgb(65,109,185) |
hsl(218,48%,49%) |
| #426fbd |
rgb(66,111,189) |
hsl(218,48%,50%) |
| #4672be |
rgb(70,114,190) |
hsl(218,48%,51%) |
| #4a75bf |
rgb(74,117,191) |
hsl(218,48%,52%) |
| #4e78c1 |
rgb(78,120,193) |
hsl(218,48%,53%) |
| #517bc2 |
rgb(81,123,194) |
hsl(218,48%,54%) |
| #557ec3 |
rgb(85,126,195) |
hsl(218,48%,55%) |
| #5980c5 |
rgb(89,128,197) |
hsl(218,48%,56%) |
| #5d83c6 |
rgb(93,131,198) |
hsl(218,48%,57%) |
| #6086c7 |
rgb(96,134,199) |
hsl(218,48%,58%) |
| #6489c9 |
rgb(100,137,201) |
hsl(218,48%,59%) |
| #688cca |
rgb(104,140,202) |
hsl(218,48%,60%) |
| #6c8fcb |
rgb(108,143,203) |
hsl(218,48%,61%) |
| #7092cd |
rgb(112,146,205) |
hsl(218,48%,62%) |
| #7395ce |
rgb(115,149,206) |
hsl(218,48%,63%) |
| #7797cf |
rgb(119,151,207) |
hsl(218,48%,64%) |
| #7b9ad1 |
rgb(123,154,209) |
hsl(218,48%,65%) |
| #7f9dd2 |
rgb(127,157,210) |
hsl(218,48%,66%) |
| #82a0d3 |
rgb(130,160,211) |
hsl(218,48%,67%) |
| #86a3d5 |
rgb(134,163,213) |
hsl(218,48%,68%) |
| #8aa6d6 |
rgb(138,166,214) |
hsl(218,48%,69%) |
| #8ea9d7 |
rgb(142,169,215) |
hsl(218,48%,70%) |
| #92acd9 |
rgb(146,172,217) |
hsl(218,48%,71%) |
| #95aeda |
rgb(149,174,218) |
hsl(218,48%,72%) |
| #99b1db |
rgb(153,177,219) |
hsl(218,48%,73%) |
| #9db4dd |
rgb(157,180,221) |
hsl(218,48%,74%) |
| #a1b7de |
rgb(161,183,222) |
hsl(218,48%,75%) |
| #a4badf |
rgb(164,186,223) |
hsl(218,48%,76%) |
| #a8bde1 |
rgb(168,189,225) |
hsl(218,48%,77%) |
| #acc0e2 |
rgb(172,192,226) |
hsl(218,48%,78%) |
| #b0c3e3 |
rgb(176,195,227) |
hsl(218,48%,79%) |
| #b4c5e4 |
rgb(180,197,228) |
hsl(218,48%,80%) |
| #b7c8e6 |
rgb(183,200,230) |
hsl(218,48%,81%) |
| #bbcbe7 |
rgb(187,203,231) |
hsl(218,48%,82%) |
| #bfcee8 |
rgb(191,206,232) |
hsl(218,48%,83%) |
| #c3d1ea |
rgb(195,209,234) |
hsl(218,48%,84%) |
| #c6d4eb |
rgb(198,212,235) |
hsl(218,48%,85%) |
| #cad7ec |
rgb(202,215,236) |
hsl(218,48%,86%) |
| #cedaee |
rgb(206,218,238) |
hsl(218,48%,87%) |
| #d2dcef |
rgb(210,220,239) |
hsl(218,48%,88%) |
| #d5dff0 |
rgb(213,223,240) |
hsl(218,48%,89%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(218,48%,90%) |
| #dde5f3 |
rgb(221,229,243) |
hsl(218,48%,91%) |
| #e1e8f4 |
rgb(225,232,244) |
hsl(218,48%,92%) |
| #e5ebf6 |
rgb(229,235,246) |
hsl(218,48%,93%) |
| #e8eef7 |
rgb(232,238,247) |
hsl(218,48%,94%) |
| #ecf1f8 |
rgb(236,241,248) |
hsl(218,48%,95%) |
| #f0f3fa |
rgb(240,243,250) |
hsl(218,48%,96%) |
| #f4f6fb |
rgb(244,246,251) |
hsl(218,48%,97%) |
| #f7f9fc |
rgb(247,249,252) |
hsl(218,48%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(218,48%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42bdb8 |
rgb(66,189,184) |
hsl(178,48%,50%) |
| #4270bd |
rgb(66,112,189) |
hsl(218,48%,50%) |
| #6642bd |
rgb(102,66,189) |
hsl(258,48%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7e9ed2 |
rgb(126,158,210) |
hsl(217,48%,66%) |
| #6087c7 |
rgb(96,135,199) |
hsl(217,48%,58%) |
| #4270bd |
rgb(66,112,189) |
hsl(218,48%,50%) |
| #375e9e |
rgb(55,94,158) |
hsl(217,48%,42%) |
| #2c4d80 |
rgb(44,77,128) |
hsl(216,49%,34%) |
| #223b62 |
rgb(34,59,98) |
hsl(217,48%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4270bd |
rgb(66,112,189) |
hsl(218,48%,50%) |
| #bd5242 |
rgb(189,82,66) |
hsl(8,48%,50%) |
| #adbd42 |
rgb(173,189,66) |
hsl(68,48%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4270bd |
rgb(66,112,189) |
hsl(218,48%,50%) |
| #bd8f42 |
rgb(189,143,66) |
hsl(38,48%,50%) |
| #42adbd |
rgb(66,173,189) |
hsl(188,48%,50%) |
| #adbd42 |
rgb(173,189,66) |
hsl(68,48%,50%) |
