#0F172A
Slate 900
Slate 900 is #0F172A — 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
- #0F172A
- RGB
- rgb(15, 23, 42)
- HSL
- hsl(222,47%,11%)
- HSV
- hsv(222, 64%, 16%)
- CMYK
- cmyk(64,45,0,84)
- OKLCH
- oklch(20.8% 0.040 265.8)
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
#3F4555
20% white
#6F747F
40% white
#9FA2AA
60% white
#CFD1D4
80% white
Shades
#0C1222
20% black
#090E19
40% black
#060911
60% black
#030508
80% black
Harmony palettes
These schemes rotate hue from Slate 900. Read the relationships in color theory 101 or adjust them on the color wheel.
Complementary
Open in palette generatorAnalogous
Open in palette generator#0F2429
#0F1729
#140F29
#210F29
#112721
Triadic
Open in palette generator#0F1729
#290F17
#17290F
#582C3A
#020302
Split Complementary
Open in palette generatorMonochromatic
Open in palette generator#1B294B
#2F4883
#4468BB
#7C95D0
#B4C2E4
Tetradic
Open in palette generator#0F1729
#290F24
#29210F
#0F2914
#4D2945
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.