Gray 9
gray-9 · #212529
HEX
#212529
RGB
rgb(33, 37, 41)
CMYK
cmyk(20%, 10%, 0%, 84%)
HSL
hsl(210, 11%, 15%)
LAB
lab(14.4, -0.7, -3.3)
What is Gray 9?
Gray 9 is the gray-9 reference in the Open Color. Its sRGB value is #212529 (rgb 33, 37, 41). It sits in the neutral family. Open Color, an open-source color palette by Heeyeun designed for UI work. 13 hues across 10 shades (0 to 9) tuned for screen legibility and accessibility. See disclaimer for accuracy and trademark notes.
Accessibility
WCAG 2.1 contrast checks for Gray 9 as a background.
Black text on this color
White text on this color
Shades, tints & tonal scale of Gray 9
An 11-step tonal scale derived from Gray 9 (#212529). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.
50
#EDEEEE
#EDEEEE
100
#DBDCDD
#DBDCDD
200
#B8B9BB
#B8B9BB
300
#909294
#909294
400
#595C5F
#595C5F
500
#212529
#212529
600
#1C1F23
#1C1F23
700
#15181B
#15181B
800
#0F1112
#0F1112
900
#08090A
#08090A
950
#040405
#040405
Lighter tints (mixed with white)
15%
#707172
30%
#979898
45%
#B4B5B5
60%
#CCCDCD
75%
#E1E1E1
Darker shades (mixed with black)
15%
#1E2225
30%
#1B1E21
45%
#171A1D
60%
#121518
75%
#0C0F11
Color harmonies for Gray 9
Classic color-theory harmonies derived from rotating the hue of Gray 9. Use these to build accent palettes, brand systems, and accessible UI color pairings.
Complementary
180° opposite — strongest contrast
#212529
#212529
#2A2622
#2A2622
Triadic
Three colors 120° apart
#212529
#212529
#2A2226
#2A2226
#262A22
#262A22
Analogous
Two neighbors ±30° on the wheel
#222A2A
#222A2A
#212529
#212529
#22222A
#22222A
Split-complementary
Base + two colors flanking its complement
#212529
#212529
#2A2222
#2A2222
#2A2A22
#2A2A22
Tetradic
Two complementary pairs
#212529
#212529
#26222A
#26222A
#2A2622
#2A2622
#262A22
#262A22
Square
Four colors evenly spaced 90° apart
#212529
#212529
#2A222A
#2A222A
#2A2622
#2A2622
#222A22
#222A22
Gray 9 in every color space
Full conversion of Gray 9 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.
HEX
#212529
RGB
rgb(33, 37, 41)
CMYK
cmyk(20%, 10%, 0%, 84%)
HSL
hsl(210, 11%, 15%)
HSV
hsv(210, 20%, 16%)
HWB
hwb(210 13% 84%)
CIE Lab
lab(14.4 -0.7 -3.3)
OKLCH
oklch(26.2% 0.009 248.2)
XYZ (D65)
xyz(1.69, 1.81, 2.36)
Copy-ready code for Gray 9
Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.
CSS
color: #212529;
background-color: #212529;CSS variable
:root {
--color-gray-9: #212529;
}Tailwind config
// tailwind.config.js
colors: {
'gray-9': '#212529',
}Sass
$color-gray-9: #212529;Swift UIColor
UIColor(red: 0.129, green: 0.145, blue: 0.161, alpha: 1.0)Android XML
<color name="gray-9">#212529</color>Closest match in every color system
The nearest Gray 9 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.
Closest in Open Color
Top 6 ΔE2000-closest entries within the same collection.
Closest Pantone matches
Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.
Closest RAL Classic matches
Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.
RAL 7021
#23282B
Black grey
RAL 9004
#282828
Signal black
RAL 8022
#212121
Black brown
RAL 9017
#1E1E1E
Traffic black
RAL 9011
#1C1C1C
Graphite black
RAL 7016
#293133
Anthracite grey
FAQ about Gray 9
What is the HEX code for Gray 9?
Gray 9 (gray-9) has the HEX code #212529. In RGB it is rgb(33, 37, 41), and in CMYK it is cmyk(20%, 10%, 0%, 84%).
What is the OKLCH value of Gray 9?
Gray 9 converts to oklch(0.262 0.009 248.2). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.
Is Gray 9 accessible for body text?
Used as a background, Gray 9 has a contrast ratio of 1.36:1 with black text and 15.43:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use white text and verify in real UI context.
What is the closest Pantone to Gray 9?
The closest Pantone reference to Gray 9 by ΔE2000 perceptual distance is Pantone Black 6 C (#101820). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.
What is the closest RAL color to Gray 9?
The closest RAL Classic reference to Gray 9 by ΔE2000 distance is RAL 7021 (Black grey, #23282B). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.
What is the complementary color of Gray 9?
The complementary color (180° opposite on the HSL color wheel) of Gray 9 is #2A2622. Use it for high-contrast accents, error states, or call-to-action pairings.
Data provenance & source
Open Color (Yeun)
Open Color, an open-source color palette by Heeyeun designed for UI designers and developers. 13 hues across 10 shades. Use as a designer-friendly palette alternative to Tailwind. Values are intentionally chosen for UI legibility and accessibility.
- Source type
- derived
- Confidence
- high
- License
- MIT
- Last reviewed
- 2026-05-24
Workflow tags
Open Color values are tuned for digital UI. For print, treat as a starting point and proof against the substrate.