#334155
Slate 700
Slate 700 is #334155 — a neutral used for type, borders, and surfaces. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.
Conversions
- HEX
- #334155
- RGB
- rgb(51, 65, 85)
- HSL
- hsl(215,25%,27%)
- HSV
- hsv(215, 40%, 33%)
- CMYK
- cmyk(40,24,0,67)
- OKLCH
- oklch(37.2% 0.039 257.3)
Tints and shades
Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.
Tints
#5C6777
20% white
#858D99
40% white
#ADB3BB
60% white
#D6D9DD
80% white
Shades
#293444
20% black
#1F2733
40% black
#141A22
60% black
#0A0D11
80% black
Harmony palettes
These schemes rotate hue from Slate 700. Read the relationships in color theory 101 or adjust them on the color wheel.
Complementary
Open in palette generator#344256
#564834
#58687E
#7E6E58
#1B1E22
Analogous
Open in palette generator#345356
#344256
#373456
#483456
#365347
Triadic
Open in palette generator#344256
#563442
#425634
#7E5868
#2A3324
Split Complementary
Open in palette generator#344256
#563734
#535634
#66758A
#221F1B
Monochromatic
Open in palette generator#263140
#435670
#607A9F
#8FA2BC
#BFCAD9
Tetradic
Open in palette generator#344256
#563453
#564834
#345637
#745371
Contrast against white and black
Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.
Similar named colors
Nearest CSS named colors by RGB distance. Distance is not a perceptual match.
- Dark Slate Gray#2F4F4F
- Midnight Blue#191970
- Dark Slate Blue#483D8B
- Dark Olive Green#556B2F
- Dim Gray#696969
- Sea Green#2E8B57