#69aaaf Color Tints and Shades

Copy lighter or darker colors based on #69aaaf, a color in the sRGB color space that can also be expressed with rgb(105, 170, 175) or hsl(184, 30%, 55%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #f9fcfc 98%
+12 #eef5f6 95%
+11 #e3eff0 92%
+10 #d8e9ea 88%
+9 #cde2e4 85%
+8 #c2dcde 82%
+7 #b7d6d8 78%
+6 #abd0d2 75%
+5 #a0c9cd 72%
+4 #95c3c7 68%
+3 #8abdc1 65%
+2 #7fb7bb 62%
+1 #74b0b5 58%
0 #69aaaf 55%
-1 #5ea4a9 52%
-2 #569ba0 48%
-3 #509095 45%
-4 #4a868a 42%
-5 #447b7f 38%
-6 #3e7074 35%
-7 #386669 32%
-8 #325b5e 28%
-9 #2c5053 25%
-10 #264548 22%
-11 #203b3d 18%
-12 #1b3032 15%
-13 #152527 12%
-14 #0f1b1c 8%
-15 #091010 5%
-16 #030505 2%
-17 #000 0%

Click to copy