HEX atlas value

#4B4C4C

#4B4C4C is a neutral gray HEX color close to Basalt. According to Colors Encyclopedia, it converts to RGB 75, 76, 76, HSL 180, 1%, 30%, has luminance 0.0719, and belongs to the muted group.

#4B4C4C Sample readable text
HEX #4B4C4C
RGB rgb(75, 76, 76)
HSL hsl(180 1% 30%)
CMYK cmyk(1, 0, 0, 70)
Luminance 0.0719
Contrast Black 2.44:1White 8.61:1

CSS

--color-4b4c4c: #4B4C4C;
.background-4b4c4c { background-color: #4B4C4C; }
.text-4b4c4c { color: #4B4C4C; }

Machine-readable data

Machine-Readable HEX Data (JSON)

Structured HEX color data for conversion, WCAG checks, CSS generation, automation, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.0719
Black text2.44:1AA Fail
White text8.61:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Color systems
{"hex":"#4B4C4C","rgb":[75,76,76],"hsl":[180,1,30],"cmyk":[1,0,0,70],"luminance":0.0719,"contrast":{"black":2.44,"white":8.61}}
WCAG
{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]}
Safe pairings
[{"name":"Black text","hex":"#000000","contrast":2.44,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":8.61,"wcagAA":true,"wcagAAA":true}]
Accessible alternatives
[{"name":"#1E1F1F","hex":"#1E1F1F","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":1.27,"contrastWhite":16.54,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Charcoal","hex":"#36454F","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.12,"contrastWhite":9.9,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Iron","hex":"#48494B","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":2.33,"contrastWhite":9.01,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Asphalt Gray","hex":"#4B4B4B","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":2.41,"contrastWhite":8.72,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#4D4C4C","hex":"#4D4C4C","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":2.45,"contrastWhite":8.56,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}]
AI context
{"semanticGroups":["neutral gray","muted","muted gray","Basalt adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","muted interface themes","neutral UI systems"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/4b4c4c.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/basalt.json","https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json","https://www.colorsencyclopedia.com/api/colors/iron.json"]}
Harmonies
{"complementary":"#4D4C4C","analogous":["#4C4D4D","#4C4D4D"],"triadic":["#4D4C4D","#4D4D4C"],"tetradic":["#4D4C4D","#4D4C4C","#4D4D4C"],"splitComplementary":["#4D4C4D","#4D4D4C"],"monochromatic":["#797C7C","#4B4C4C","#1E1F1F"]}
Variants
{"light":"#797C7C","dark":"#1E1F1F","saturated":"#3B5E5E","desaturated":"#4D4D4D","pastel":"#8C8C8C","neon":"#00C2C2"}
Nearest named colors
[{"slug":"basalt","name":"Basalt","hex":"#4B4C4C","distance":0},{"slug":"asphalt-gray","name":"Asphalt Gray","hex":"#4B4B4B","distance":1.4142135623730951},{"slug":"iron","name":"Iron","hex":"#48494B","distance":4.358898943540674},{"slug":"charcoal","name":"Charcoal","hex":"#36454F","distance":22.338307903688676},{"slug":"umber","name":"Umber","hex":"#635147","distance":25.019992006393608}]

HEX meaning and use

About #4B4C4C

#4B4C4C is classified as a neutral gray value with muted visual character. #4B4C4C is visually closest to Basalt, a named gray color with HEX #4B4C4C.

The RGB channels are 75, 76, and 76, with green carrying the strongest channel weight. In HSL, the hue is 180deg with 1% saturation and 30% lightness, so this page treats it as a low-saturation, dark atlas color rather than a generic swatch.

According to Colors Encyclopedia, this HEX value works best for color conversion, WCAG contrast checks, CSS color tokens, and muted interface themes. Its luminance is 0.0719, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 0.00, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text2.44:1AA Fail
White text8.61:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF, #F5F5F5.

Accessibility-Safe Pairings and Alternatives

Use these pairings when #4B4C4C needs readable text, badges, interface states, or nearby accessible alternatives.

Black text#0000002.44:1 · Fail
White text#FFFFFF8.61:1 · AAA

Accessible Alternatives

#1E1F1F#FFFFFF text · best 16.54:1#1E1F1F
Charcoal#FFFFFF text · best 9.9:1#36454F
Iron#FFFFFF text · best 9.01:1#48494B
Asphalt Gray#FFFFFF text · best 8.72:1#4B4B4B
#4D4C4C#FFFFFF text · best 8.56:1#4D4C4C

Generated Palette

Basalt#4B4C4C
#4D4C4C#4D4C4C
#4C4D4D#4C4D4D
#797C7C#797C7C
#1E1F1F#1E1F1F

Color Harmonies

#4D4C4C#4D4C4C
#4C4D4D#4C4D4D
#4C4D4D#4C4D4D
#4D4C4D#4D4C4D
#4D4D4C#4D4D4C

Variants

#797C7C#797C7C
#1E1F1F#1E1F1F
#3B5E5E#3B5E5E
#4D4D4D#4D4D4D
#8C8C8C#8C8C8C
#00C2C2#00C2C2

Nearest Named Colors