Color HEX #5BA4A2, RGB(91,164,162)
Color name is Breaker Bay. The color #5ba4a2 is a light shade and slightly desaturated.
Your selected color codes
Palette
5ba4a2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(178,29%,1%) |
| #040706 |
rgb(4,7,6) |
hsl(178,29%,2%) |
| #050a0a |
rgb(5,10,10) |
hsl(178,29%,3%) |
| #070d0d |
rgb(7,13,13) |
hsl(178,29%,4%) |
| #091010 |
rgb(9,16,16) |
hsl(178,29%,5%) |
| #0b1413 |
rgb(11,20,19) |
hsl(178,29%,6%) |
| #0d1717 |
rgb(13,23,23) |
hsl(178,29%,7%) |
| #0e1a1a |
rgb(14,26,26) |
hsl(178,29%,8%) |
| #101e1d |
rgb(16,30,29) |
hsl(178,29%,9%) |
| #122120 |
rgb(18,33,32) |
hsl(178,29%,10%) |
| #142424 |
rgb(20,36,36) |
hsl(178,29%,11%) |
| #162727 |
rgb(22,39,39) |
hsl(178,29%,12%) |
| #182b2a |
rgb(24,43,42) |
hsl(178,29%,13%) |
| #192e2d |
rgb(25,46,45) |
hsl(178,29%,14%) |
| #1b3131 |
rgb(27,49,49) |
hsl(178,29%,15%) |
| #1d3534 |
rgb(29,53,52) |
hsl(178,29%,16%) |
| #1f3837 |
rgb(31,56,55) |
hsl(178,29%,17%) |
| #213b3a |
rgb(33,59,58) |
hsl(178,29%,18%) |
| #223f3e |
rgb(34,63,62) |
hsl(178,29%,19%) |
| #244241 |
rgb(36,66,65) |
hsl(178,29%,20%) |
| #264544 |
rgb(38,69,68) |
hsl(178,29%,21%) |
| #284847 |
rgb(40,72,71) |
hsl(178,29%,22%) |
| #2a4c4b |
rgb(42,76,75) |
hsl(178,29%,23%) |
| #2b4f4e |
rgb(43,79,78) |
hsl(178,29%,24%) |
| #2d5251 |
rgb(45,82,81) |
hsl(178,29%,25%) |
| #2f5654 |
rgb(47,86,84) |
hsl(178,29%,26%) |
| #315957 |
rgb(49,89,87) |
hsl(178,29%,27%) |
| #335c5b |
rgb(51,92,91) |
hsl(178,29%,28%) |
| #355f5e |
rgb(53,95,94) |
hsl(178,29%,29%) |
| #366361 |
rgb(54,99,97) |
hsl(178,29%,30%) |
| #386664 |
rgb(56,102,100) |
hsl(178,29%,31%) |
| #3a6968 |
rgb(58,105,104) |
hsl(178,29%,32%) |
| #3c6d6b |
rgb(60,109,107) |
hsl(178,29%,33%) |
| #3e706e |
rgb(62,112,110) |
hsl(178,29%,34%) |
| #3f7371 |
rgb(63,115,113) |
hsl(178,29%,35%) |
| #417675 |
rgb(65,118,117) |
hsl(178,29%,36%) |
| #437a78 |
rgb(67,122,120) |
hsl(178,29%,37%) |
| #457d7b |
rgb(69,125,123) |
hsl(178,29%,38%) |
| #47807e |
rgb(71,128,126) |
hsl(178,29%,39%) |
| #488482 |
rgb(72,132,130) |
hsl(178,29%,40%) |
| #4a8785 |
rgb(74,135,133) |
hsl(178,29%,41%) |
| #4c8a88 |
rgb(76,138,136) |
hsl(178,29%,42%) |
| #4e8d8b |
rgb(78,141,139) |
hsl(178,29%,43%) |
| #50918f |
rgb(80,145,143) |
hsl(178,29%,44%) |
| #519492 |
rgb(81,148,146) |
hsl(178,29%,45%) |
| #539795 |
rgb(83,151,149) |
hsl(178,29%,46%) |
| #559b98 |
rgb(85,155,152) |
hsl(178,29%,47%) |
| #579e9c |
rgb(87,158,156) |
hsl(178,29%,48%) |
| #59a19f |
rgb(89,161,159) |
hsl(178,29%,49%) |
| #5ba4a2 |
rgb(91,164,162) |
hsl(178,29%,50%) |
| #5ea6a4 |
rgb(94,166,164) |
hsl(178,29%,51%) |
| #61a8a6 |
rgb(97,168,166) |
hsl(178,29%,52%) |
| #64aaa8 |
rgb(100,170,168) |
hsl(178,29%,53%) |
| #68aca9 |
rgb(104,172,169) |
hsl(178,29%,54%) |
| #6baeab |
rgb(107,174,171) |
hsl(178,29%,55%) |
| #6eafad |
rgb(110,175,173) |
hsl(178,29%,56%) |
| #72b1af |
rgb(114,177,175) |
hsl(178,29%,57%) |
| #75b3b1 |
rgb(117,179,177) |
hsl(178,29%,58%) |
| #78b5b3 |
rgb(120,181,179) |
hsl(178,29%,59%) |
| #7bb7b5 |
rgb(123,183,181) |
hsl(178,29%,60%) |
| #7fb8b6 |
rgb(127,184,182) |
hsl(178,29%,61%) |
| #82bab8 |
rgb(130,186,184) |
hsl(178,29%,62%) |
| #85bcba |
rgb(133,188,186) |
hsl(178,29%,63%) |
| #89bebc |
rgb(137,190,188) |
hsl(178,29%,64%) |
| #8cc0be |
rgb(140,192,190) |
hsl(178,29%,65%) |
| #8fc1c0 |
rgb(143,193,192) |
hsl(178,29%,66%) |
| #92c3c2 |
rgb(146,195,194) |
hsl(178,29%,67%) |
| #96c5c3 |
rgb(150,197,195) |
hsl(178,29%,68%) |
| #99c7c5 |
rgb(153,199,197) |
hsl(178,29%,69%) |
| #9cc9c7 |
rgb(156,201,199) |
hsl(178,29%,70%) |
| #a0cac9 |
rgb(160,202,201) |
hsl(178,29%,71%) |
| #a3cccb |
rgb(163,204,203) |
hsl(178,29%,72%) |
| #a6cecd |
rgb(166,206,205) |
hsl(178,29%,73%) |
| #a9d0cf |
rgb(169,208,207) |
hsl(178,29%,74%) |
| #add2d1 |
rgb(173,210,209) |
hsl(178,29%,75%) |
| #b0d4d2 |
rgb(176,212,210) |
hsl(178,29%,76%) |
| #b3d5d4 |
rgb(179,213,212) |
hsl(178,29%,77%) |
| #b7d7d6 |
rgb(183,215,214) |
hsl(178,29%,78%) |
| #bad9d8 |
rgb(186,217,216) |
hsl(178,29%,79%) |
| #bddbda |
rgb(189,219,218) |
hsl(178,29%,80%) |
| #c0dddc |
rgb(192,221,220) |
hsl(178,29%,81%) |
| #c4dede |
rgb(196,222,222) |
hsl(178,29%,82%) |
| #c7e0df |
rgb(199,224,223) |
hsl(178,29%,83%) |
| #cae2e1 |
rgb(202,226,225) |
hsl(178,29%,84%) |
| #cee4e3 |
rgb(206,228,227) |
hsl(178,29%,85%) |
| #d1e6e5 |
rgb(209,230,229) |
hsl(178,29%,86%) |
| #d4e7e7 |
rgb(212,231,231) |
hsl(178,29%,87%) |
| #d8e9e9 |
rgb(216,233,233) |
hsl(178,29%,88%) |
| #dbebeb |
rgb(219,235,235) |
hsl(178,29%,89%) |
| #deedec |
rgb(222,237,236) |
hsl(178,29%,90%) |
| #e1efee |
rgb(225,239,238) |
hsl(178,29%,91%) |
| #e5f1f0 |
rgb(229,241,240) |
hsl(178,29%,92%) |
| #e8f2f2 |
rgb(232,242,242) |
hsl(178,29%,93%) |
| #ebf4f4 |
rgb(235,244,244) |
hsl(178,29%,94%) |
| #eff6f6 |
rgb(239,246,246) |
hsl(178,29%,95%) |
| #f2f8f8 |
rgb(242,248,248) |
hsl(178,29%,96%) |
| #f5faf9 |
rgb(245,250,249) |
hsl(178,29%,97%) |
| #f8fbfb |
rgb(248,251,251) |
hsl(178,29%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(178,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba371 |
rgb(91,163,113) |
hsl(138,28%,50%) |
| #5ba4a2 |
rgb(91,164,162) |
hsl(178,29%,50%) |
| #5b75a4 |
rgb(91,117,164) |
hsl(219,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fc2bf |
rgb(143,194,191) |
hsl(176,29%,66%) |
| #75b3b0 |
rgb(117,179,176) |
hsl(177,29%,58%) |
| #5ba4a2 |
rgb(91,164,162) |
hsl(178,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 |
| #5ba4a2 |
rgb(91,164,162) |
hsl(178,29%,50%) |
| #a45c81 |
rgb(164,92,129) |
hsl(329,28%,50%) |
| #a47d5b |
rgb(164,125,91) |
hsl(28,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5ba4a2 |
rgb(91,164,162) |
hsl(178,29%,50%) |
| #a45c5d |
rgb(164,92,93) |
hsl(359,28%,50%) |
| #5ba37d |
rgb(91,163,125) |
hsl(148,28%,50%) |
| #a47d5b |
rgb(164,125,91) |
hsl(28,29%,50%) |
