Color HEX #5BA4A3, RGB(91,164,163)
Color name is Breaker Bay. The color #5ba4a3 is a light shade and slightly desaturated.
Your selected color codes
Palette
5ba4a3 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(179,29%,1%) |
| #040707 |
rgb(4,7,7) |
hsl(179,29%,2%) |
| #050a0a |
rgb(5,10,10) |
hsl(179,29%,3%) |
| #070d0d |
rgb(7,13,13) |
hsl(179,29%,4%) |
| #091010 |
rgb(9,16,16) |
hsl(179,29%,5%) |
| #0b1414 |
rgb(11,20,20) |
hsl(179,29%,6%) |
| #0d1717 |
rgb(13,23,23) |
hsl(179,29%,7%) |
| #0e1a1a |
rgb(14,26,26) |
hsl(179,29%,8%) |
| #101e1d |
rgb(16,30,29) |
hsl(179,29%,9%) |
| #122121 |
rgb(18,33,33) |
hsl(179,29%,10%) |
| #142424 |
rgb(20,36,36) |
hsl(179,29%,11%) |
| #162727 |
rgb(22,39,39) |
hsl(179,29%,12%) |
| #182b2a |
rgb(24,43,42) |
hsl(179,29%,13%) |
| #192e2e |
rgb(25,46,46) |
hsl(179,29%,14%) |
| #1b3131 |
rgb(27,49,49) |
hsl(179,29%,15%) |
| #1d3534 |
rgb(29,53,52) |
hsl(179,29%,16%) |
| #1f3838 |
rgb(31,56,56) |
hsl(179,29%,17%) |
| #213b3b |
rgb(33,59,59) |
hsl(179,29%,18%) |
| #223f3e |
rgb(34,63,62) |
hsl(179,29%,19%) |
| #244241 |
rgb(36,66,65) |
hsl(179,29%,20%) |
| #264545 |
rgb(38,69,69) |
hsl(179,29%,21%) |
| #284848 |
rgb(40,72,72) |
hsl(179,29%,22%) |
| #2a4c4b |
rgb(42,76,75) |
hsl(179,29%,23%) |
| #2b4f4e |
rgb(43,79,78) |
hsl(179,29%,24%) |
| #2d5252 |
rgb(45,82,82) |
hsl(179,29%,25%) |
| #2f5655 |
rgb(47,86,85) |
hsl(179,29%,26%) |
| #315958 |
rgb(49,89,88) |
hsl(179,29%,27%) |
| #335c5b |
rgb(51,92,91) |
hsl(179,29%,28%) |
| #355f5f |
rgb(53,95,95) |
hsl(179,29%,29%) |
| #366362 |
rgb(54,99,98) |
hsl(179,29%,30%) |
| #386665 |
rgb(56,102,101) |
hsl(179,29%,31%) |
| #3a6968 |
rgb(58,105,104) |
hsl(179,29%,32%) |
| #3c6d6c |
rgb(60,109,108) |
hsl(179,29%,33%) |
| #3e706f |
rgb(62,112,111) |
hsl(179,29%,34%) |
| #3f7372 |
rgb(63,115,114) |
hsl(179,29%,35%) |
| #417676 |
rgb(65,118,118) |
hsl(179,29%,36%) |
| #437a79 |
rgb(67,122,121) |
hsl(179,29%,37%) |
| #457d7c |
rgb(69,125,124) |
hsl(179,29%,38%) |
| #47807f |
rgb(71,128,127) |
hsl(179,29%,39%) |
| #488483 |
rgb(72,132,131) |
hsl(179,29%,40%) |
| #4a8786 |
rgb(74,135,134) |
hsl(179,29%,41%) |
| #4c8a89 |
rgb(76,138,137) |
hsl(179,29%,42%) |
| #4e8d8c |
rgb(78,141,140) |
hsl(179,29%,43%) |
| #509190 |
rgb(80,145,144) |
hsl(179,29%,44%) |
| #519493 |
rgb(81,148,147) |
hsl(179,29%,45%) |
| #539796 |
rgb(83,151,150) |
hsl(179,29%,46%) |
| #559b99 |
rgb(85,155,153) |
hsl(179,29%,47%) |
| #579e9d |
rgb(87,158,157) |
hsl(179,29%,48%) |
| #59a1a0 |
rgb(89,161,160) |
hsl(179,29%,49%) |
| #5ba4a3 |
rgb(91,164,163) |
hsl(179,29%,50%) |
| #5ea6a5 |
rgb(94,166,165) |
hsl(179,29%,51%) |
| #61a8a7 |
rgb(97,168,167) |
hsl(179,29%,52%) |
| #64aaa9 |
rgb(100,170,169) |
hsl(179,29%,53%) |
| #68acab |
rgb(104,172,171) |
hsl(179,29%,54%) |
| #6baeac |
rgb(107,174,172) |
hsl(179,29%,55%) |
| #6eafae |
rgb(110,175,174) |
hsl(179,29%,56%) |
| #72b1b0 |
rgb(114,177,176) |
hsl(179,29%,57%) |
| #75b3b2 |
rgb(117,179,178) |
hsl(179,29%,58%) |
| #78b5b4 |
rgb(120,181,180) |
hsl(179,29%,59%) |
| #7bb7b6 |
rgb(123,183,182) |
hsl(179,29%,60%) |
| #7fb8b7 |
rgb(127,184,183) |
hsl(179,29%,61%) |
| #82bab9 |
rgb(130,186,185) |
hsl(179,29%,62%) |
| #85bcbb |
rgb(133,188,187) |
hsl(179,29%,63%) |
| #89bebd |
rgb(137,190,189) |
hsl(179,29%,64%) |
| #8cc0bf |
rgb(140,192,191) |
hsl(179,29%,65%) |
| #8fc1c1 |
rgb(143,193,193) |
hsl(179,29%,66%) |
| #92c3c2 |
rgb(146,195,194) |
hsl(179,29%,67%) |
| #96c5c4 |
rgb(150,197,196) |
hsl(179,29%,68%) |
| #99c7c6 |
rgb(153,199,198) |
hsl(179,29%,69%) |
| #9cc9c8 |
rgb(156,201,200) |
hsl(179,29%,70%) |
| #a0caca |
rgb(160,202,202) |
hsl(179,29%,71%) |
| #a3cccc |
rgb(163,204,204) |
hsl(179,29%,72%) |
| #a6cecd |
rgb(166,206,205) |
hsl(179,29%,73%) |
| #a9d0cf |
rgb(169,208,207) |
hsl(179,29%,74%) |
| #add2d1 |
rgb(173,210,209) |
hsl(179,29%,75%) |
| #b0d4d3 |
rgb(176,212,211) |
hsl(179,29%,76%) |
| #b3d5d5 |
rgb(179,213,213) |
hsl(179,29%,77%) |
| #b7d7d7 |
rgb(183,215,215) |
hsl(179,29%,78%) |
| #bad9d8 |
rgb(186,217,216) |
hsl(179,29%,79%) |
| #bddbda |
rgb(189,219,218) |
hsl(179,29%,80%) |
| #c0dddc |
rgb(192,221,220) |
hsl(179,29%,81%) |
| #c4dede |
rgb(196,222,222) |
hsl(179,29%,82%) |
| #c7e0e0 |
rgb(199,224,224) |
hsl(179,29%,83%) |
| #cae2e2 |
rgb(202,226,226) |
hsl(179,29%,84%) |
| #cee4e3 |
rgb(206,228,227) |
hsl(179,29%,85%) |
| #d1e6e5 |
rgb(209,230,229) |
hsl(179,29%,86%) |
| #d4e7e7 |
rgb(212,231,231) |
hsl(179,29%,87%) |
| #d8e9e9 |
rgb(216,233,233) |
hsl(179,29%,88%) |
| #dbebeb |
rgb(219,235,235) |
hsl(179,29%,89%) |
| #deeded |
rgb(222,237,237) |
hsl(179,29%,90%) |
| #e1efee |
rgb(225,239,238) |
hsl(179,29%,91%) |
| #e5f1f0 |
rgb(229,241,240) |
hsl(179,29%,92%) |
| #e8f2f2 |
rgb(232,242,242) |
hsl(179,29%,93%) |
| #ebf4f4 |
rgb(235,244,244) |
hsl(179,29%,94%) |
| #eff6f6 |
rgb(239,246,246) |
hsl(179,29%,95%) |
| #f2f8f8 |
rgb(242,248,248) |
hsl(179,29%,96%) |
| #f5faf9 |
rgb(245,250,249) |
hsl(179,29%,97%) |
| #f8fbfb |
rgb(248,251,251) |
hsl(179,29%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(179,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba372 |
rgb(91,163,114) |
hsl(139,28%,50%) |
| #5ba4a3 |
rgb(91,164,163) |
hsl(179,29%,50%) |
| #5b75a4 |
rgb(91,117,164) |
hsl(219,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fc2c0 |
rgb(143,194,192) |
hsl(178,29%,66%) |
| #75b3b1 |
rgb(117,179,177) |
hsl(178,29%,58%) |
| #5ba4a3 |
rgb(91,164,163) |
hsl(179,29%,50%) |
| #4c8a88 |
rgb(76,138,136) |
hsl(178,29%,42%) |
| #3d706e |
rgb(61,112,110) |
hsl(178,29%,34%) |
| #2f5454 |
rgb(47,84,84) |
hsl(180,28%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5ba4a3 |
rgb(91,164,163) |
hsl(179,29%,50%) |
| #a45c80 |
rgb(164,92,128) |
hsl(330,28%,50%) |
| #a4805b |
rgb(164,128,91) |
hsl(30,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5ba4a3 |
rgb(91,164,163) |
hsl(179,29%,50%) |
| #a45c5c |
rgb(164,92,92) |
hsl(360,28%,50%) |
| #5ba37e |
rgb(91,163,126) |
hsl(149,28%,50%) |
| #a4805b |
rgb(164,128,91) |
hsl(30,29%,50%) |
