Slate Blue is a sophisticated, muted color that exhibits refined shades of gray and blue. Positioned on the blue section of the color wheel, this hue leans towards gray, offering a softer alternative to more stark shades of blue. It's similar to the color of a stormy sea or the smooth surface of a slate rock, hence the name. Slate Blue brings to mind feelings of calm and stability, but also carries an undercurrent of strength. This enables it to add depth and complexity to designs while maintaining a sense of tranquility. Whether used in fashion, interior design, or graphic design, Slate Blue manages to bring an elegant touch of distinction. It seamlessly balances between being understated and noteworthy, making it a highly versatile color.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Steel Serenity
Mountain Mist
Seaside Harmony
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
4.44:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
4.73:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #6D8196, known as slate, has RGB values of R:109, G:129, B:150 and CMYK values of C:0.27, M:0.14, Y:0, K:0.41.
| VALUE | CSS | |
|---|---|---|
| HEX | 0047AB | #0047AB |
| RGB DECIMAL | (0, 71, 171) | rgb(0, 71, 171) |
| RGB PERCENTAGE | (0%, 27.84%, 67.06%) | rgb(0%, 27.84%, 67.06%) |
| CMYK | 100, 58, 0, 33 | |
| HSL | 218.13, 100%, 33.53% | hsl(218.13, 100%, 33.53%) |
| HSV (OR HSB) | 218.13, 100%, 33.53% | |
| WEB SAFE | 0066CC | #0066CC |
| CIE-LAB | 32.9, 18.1, -65.3 | |
| XYZ | 10.332, 8.663, 33.682 | |
| xyY | 0.143, 0.084, 8.664 | |
| CIE-LCH | 218.13, 69.82, 306.92 | |
| CIE-LUV | -14.68, -40.73, -83.24 | |
| HUNTER-LAB | 32.9, 27.1, 244.5 | |
| BINARY | 00000000, 01000111, 10101011 | |
| iOS - SwiftUI | Color(0.000, 0.278, 0.671) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.278, blue: 0.671, alpha: 1.0) | |
| Android - Compose | Color(0xFF0047AB) |
