#334d7f Color Tints and Shades

Copy lighter or darker colors based on #334d7f, a color in the sRGB color space that can also be expressed with rgb(51, 77, 127) or hsl(219, 43%, 35%) in CSS.

Relative distance from base color Hex code Lightness value
+20 #fff 100%
+19 #f8fafc 98%
+18 #ecf0f7 95%
+17 #e0e6f3 92%
+16 #d4ddee 88%
+15 #c8d3e9 85%
+14 #bccae4 82%
+13 #b0c0df 78%
+12 #a4b6da 75%
+11 #97add5 71%
+10 #8ba3d1 68%
+9 #7f99cc 65%
+8 #7390c7 62%
+7 #6786c2 58%
+6 #5b7cbd 55%
+5 #4f73b8 52%
+4 #466aaf 48%
+3 #4263a3 45%
+2 #3d5c97 42%
+1 #38548b 38%
0 #334d7f 35%
-1 #2e4673 32%
-2 #293e67 28%
-3 #24375b 25%
-4 #20304f 22%
-5 #1b2842 18%
-6 #162136 15%
-7 #111a2a 12%
-8 #0c121e 8%
-9 #070b12 5%
-10 #020406 2%
-11 #000 0%

Click to copy