Slate Gray Color
#708090
Shades
Darker variations of each color in your palette
Base Color
#708090#708090
#5A6673
#434D56
#2D333A
#161A1D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#708090#708090
#8D99A6
#A9B3BC
#C6CCD3
#E2E6E9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #708090 |  |
| RGB | 112, 128, 144 | |
| HSL | 210, 13%, 50% | |
| CMYK | 22%, 11%, 0%, 44% | |
| OKLCH | oklch(0.593 0.031 248) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#708090#6F9090
#708090
#6F6F90
Analogous
#708090
#90806F
Complementary
#708090
#906F80
#80906F
Triadic
#708090
#906F6F
#90906F
Split Complementary
#708090
#906F90
#90806F
#6F906F
Tetradic
#2C333A
#4E5965
#6F7F90
#9AA6B1
#C5CCD3
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#708090#906F6F
#90906F
#6F906F
#6F9090
#6F6F90
#906F90
Hues
Tones
Tones created by adding gray to each color
Base Color
#708090#708090
#73808D
#76808A
#7A8086
#7D8083
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#708090#85808A
#9B8083
#B0807D
Warmer
#6B80A1
#6680B1
#6180C2
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#708090On White Background
Sample Text
Contrast Ratio:4.05:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.18:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)