Color HEX #4280BD, RGB(66,128,189)
Color name is Steel Blue. The color #4280bd is a dark shade and moderately saturated.
Your selected color codes
Palette
4280bd color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(210,48%,1%) |
| #030508 |
rgb(3,5,8) |
hsl(210,48%,2%) |
| #04080b |
rgb(4,8,11) |
hsl(210,48%,3%) |
| #050a0f |
rgb(5,10,15) |
hsl(210,48%,4%) |
| #070d13 |
rgb(7,13,19) |
hsl(210,48%,5%) |
| #080f17 |
rgb(8,15,23) |
hsl(210,48%,6%) |
| #09121a |
rgb(9,18,26) |
hsl(210,48%,7%) |
| #0b141e |
rgb(11,20,30) |
hsl(210,48%,8%) |
| #0c1722 |
rgb(12,23,34) |
hsl(210,48%,9%) |
| #0d1a26 |
rgb(13,26,38) |
hsl(210,48%,10%) |
| #0f1c2a |
rgb(15,28,42) |
hsl(210,48%,11%) |
| #101f2d |
rgb(16,31,45) |
hsl(210,48%,12%) |
| #112131 |
rgb(17,33,49) |
hsl(210,48%,13%) |
| #132435 |
rgb(19,36,53) |
hsl(210,48%,14%) |
| #142639 |
rgb(20,38,57) |
hsl(210,48%,15%) |
| #15293c |
rgb(21,41,60) |
hsl(210,48%,16%) |
| #172b40 |
rgb(23,43,64) |
hsl(210,48%,17%) |
| #182e44 |
rgb(24,46,68) |
hsl(210,48%,18%) |
| #193048 |
rgb(25,48,72) |
hsl(210,48%,19%) |
| #1b334b |
rgb(27,51,75) |
hsl(210,48%,20%) |
| #1c364f |
rgb(28,54,79) |
hsl(210,48%,21%) |
| #1d3853 |
rgb(29,56,83) |
hsl(210,48%,22%) |
| #1e3b57 |
rgb(30,59,87) |
hsl(210,48%,23%) |
| #203d5b |
rgb(32,61,91) |
hsl(210,48%,24%) |
| #21405e |
rgb(33,64,94) |
hsl(210,48%,25%) |
| #224262 |
rgb(34,66,98) |
hsl(210,48%,26%) |
| #244566 |
rgb(36,69,102) |
hsl(210,48%,27%) |
| #25476a |
rgb(37,71,106) |
hsl(210,48%,28%) |
| #264a6d |
rgb(38,74,109) |
hsl(210,48%,29%) |
| #284d71 |
rgb(40,77,113) |
hsl(210,48%,30%) |
| #294f75 |
rgb(41,79,117) |
hsl(210,48%,31%) |
| #2a5279 |
rgb(42,82,121) |
hsl(210,48%,32%) |
| #2c547d |
rgb(44,84,125) |
hsl(210,48%,33%) |
| #2d5780 |
rgb(45,87,128) |
hsl(210,48%,34%) |
| #2e5984 |
rgb(46,89,132) |
hsl(210,48%,35%) |
| #305c88 |
rgb(48,92,136) |
hsl(210,48%,36%) |
| #315e8c |
rgb(49,94,140) |
hsl(210,48%,37%) |
| #32618f |
rgb(50,97,143) |
hsl(210,48%,38%) |
| #346393 |
rgb(52,99,147) |
hsl(210,48%,39%) |
| #356697 |
rgb(53,102,151) |
hsl(210,48%,40%) |
| #36699b |
rgb(54,105,155) |
hsl(210,48%,41%) |
| #386b9f |
rgb(56,107,159) |
hsl(210,48%,42%) |
| #396ea2 |
rgb(57,110,162) |
hsl(210,48%,43%) |
| #3a70a6 |
rgb(58,112,166) |
hsl(210,48%,44%) |
| #3c73aa |
rgb(60,115,170) |
hsl(210,48%,45%) |
| #3d75ae |
rgb(61,117,174) |
hsl(210,48%,46%) |
| #3e78b1 |
rgb(62,120,177) |
hsl(210,48%,47%) |
| #407ab5 |
rgb(64,122,181) |
hsl(210,48%,48%) |
| #417db9 |
rgb(65,125,185) |
hsl(210,48%,49%) |
| #4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
| #4682be |
rgb(70,130,190) |
hsl(210,48%,51%) |
| #4a85bf |
rgb(74,133,191) |
hsl(210,48%,52%) |
| #4e87c1 |
rgb(78,135,193) |
hsl(210,48%,53%) |
| #518ac2 |
rgb(81,138,194) |
hsl(210,48%,54%) |
| #558cc3 |
rgb(85,140,195) |
hsl(210,48%,55%) |
| #598fc5 |
rgb(89,143,197) |
hsl(210,48%,56%) |
| #5d91c6 |
rgb(93,145,198) |
hsl(210,48%,57%) |
| #6094c7 |
rgb(96,148,199) |
hsl(210,48%,58%) |
| #6496c9 |
rgb(100,150,201) |
hsl(210,48%,59%) |
| #6899ca |
rgb(104,153,202) |
hsl(210,48%,60%) |
| #6c9ccb |
rgb(108,156,203) |
hsl(210,48%,61%) |
| #709ecd |
rgb(112,158,205) |
hsl(210,48%,62%) |
| #73a1ce |
rgb(115,161,206) |
hsl(210,48%,63%) |
| #77a3cf |
rgb(119,163,207) |
hsl(210,48%,64%) |
| #7ba6d1 |
rgb(123,166,209) |
hsl(210,48%,65%) |
| #7fa8d2 |
rgb(127,168,210) |
hsl(210,48%,66%) |
| #82abd3 |
rgb(130,171,211) |
hsl(210,48%,67%) |
| #86add5 |
rgb(134,173,213) |
hsl(210,48%,68%) |
| #8ab0d6 |
rgb(138,176,214) |
hsl(210,48%,69%) |
| #8eb3d7 |
rgb(142,179,215) |
hsl(210,48%,70%) |
| #92b5d9 |
rgb(146,181,217) |
hsl(210,48%,71%) |
| #95b8da |
rgb(149,184,218) |
hsl(210,48%,72%) |
| #99badb |
rgb(153,186,219) |
hsl(210,48%,73%) |
| #9dbddd |
rgb(157,189,221) |
hsl(210,48%,74%) |
| #a1bfde |
rgb(161,191,222) |
hsl(210,48%,75%) |
| #a4c2df |
rgb(164,194,223) |
hsl(210,48%,76%) |
| #a8c4e1 |
rgb(168,196,225) |
hsl(210,48%,77%) |
| #acc7e2 |
rgb(172,199,226) |
hsl(210,48%,78%) |
| #b0c9e3 |
rgb(176,201,227) |
hsl(210,48%,79%) |
| #b4cce4 |
rgb(180,204,228) |
hsl(210,48%,80%) |
| #b7cfe6 |
rgb(183,207,230) |
hsl(210,48%,81%) |
| #bbd1e7 |
rgb(187,209,231) |
hsl(210,48%,82%) |
| #bfd4e8 |
rgb(191,212,232) |
hsl(210,48%,83%) |
| #c3d6ea |
rgb(195,214,234) |
hsl(210,48%,84%) |
| #c6d9eb |
rgb(198,217,235) |
hsl(210,48%,85%) |
| #cadbec |
rgb(202,219,236) |
hsl(210,48%,86%) |
| #cedeee |
rgb(206,222,238) |
hsl(210,48%,87%) |
| #d2e0ef |
rgb(210,224,239) |
hsl(210,48%,88%) |
| #d5e3f0 |
rgb(213,227,240) |
hsl(210,48%,89%) |
| #d9e6f2 |
rgb(217,230,242) |
hsl(210,48%,90%) |
| #dde8f3 |
rgb(221,232,243) |
hsl(210,48%,91%) |
| #e1ebf4 |
rgb(225,235,244) |
hsl(210,48%,92%) |
| #e5edf6 |
rgb(229,237,246) |
hsl(210,48%,93%) |
| #e8f0f7 |
rgb(232,240,247) |
hsl(210,48%,94%) |
| #ecf2f8 |
rgb(236,242,248) |
hsl(210,48%,95%) |
| #f0f5fa |
rgb(240,245,250) |
hsl(210,48%,96%) |
| #f4f7fb |
rgb(244,247,251) |
hsl(210,48%,97%) |
| #f7fafc |
rgb(247,250,252) |
hsl(210,48%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(210,48%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42bda8 |
rgb(66,189,168) |
hsl(170,48%,50%) |
| #4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
| #5642bd |
rgb(86,66,189) |
hsl(250,48%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7ea8d2 |
rgb(126,168,210) |
hsl(210,48%,66%) |
| #6094c7 |
rgb(96,148,199) |
hsl(210,48%,58%) |
| #4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
| #376b9e |
rgb(55,107,158) |
hsl(210,48%,42%) |
| #2c5780 |
rgb(44,87,128) |
hsl(209,49%,34%) |
| #224262 |
rgb(34,66,98) |
hsl(210,48%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
| #bd4242 |
rgb(189,66,66) |
hsl(360,48%,50%) |
| #bdbd42 |
rgb(189,189,66) |
hsl(60,48%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
| #bd8042 |
rgb(189,128,66) |
hsl(30,48%,50%) |
| #42bdbc |
rgb(66,189,188) |
hsl(180,48%,50%) |
| #bdbd42 |
rgb(189,189,66) |
hsl(60,48%,50%) |
