HEX atlas value

#5A463F

#5A463F is a warm orange HEX color close to Walnut. According to Colors Encyclopedia, it converts to RGB 90, 70, 63, HSL 16, 18%, 30%, has luminance 0.0691, and belongs to the muted and earth tone groups.

#5A463F Sample readable text
HEX #5A463F
RGB rgb(90, 70, 63)
HSL hsl(16 18% 30%)
CMYK cmyk(0, 22, 30, 65)
Luminance 0.0691
Contrast Black 2.38:1White 8.82:1

CSS

--color-5a463f: #5A463F;
.background-5a463f { background-color: #5A463F; }
.text-5a463f { color: #5A463F; }

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.0691
Black text2.38:1AA Fail
White text8.82: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":"#5A463F","rgb":[90,70,63],"hsl":[16,18,30],"cmyk":[0,22,30,65],"luminance":0.0691,"contrast":{"black":2.38,"white":8.82}}
WCAG
{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]}
Safe pairings
[{"name":"Black text","hex":"#000000","contrast":2.38,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":8.82,"wcagAA":true,"wcagAAA":true}]
Accessible alternatives
[{"name":"#241C19","hex":"#241C19","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":1.26,"contrastWhite":16.72,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#5A3F45","hex":"#5A3F45","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.23,"contrastWhite":9.41,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Walnut","hex":"#5C4033","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.24,"contrastWhite":9.39,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#6B3E2E","hex":"#6B3E2E","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.35,"contrastWhite":8.92,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Eggplant","hex":"#614051","family":"pink","bestTextColor":"#FFFFFF","contrastBlack":2.36,"contrastWhite":8.9,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}]
AI context
{"semanticGroups":["warm orange","muted","earth tone","muted orange","earth tone orange","Walnut adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","muted interface themes","natural palettes"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/5a463f.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/walnut.json","https://www.colorsencyclopedia.com/api/colors/umber.json","https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"]}
Harmonies
{"complementary":"#3F535A","analogous":["#5A3F45","#5A543F"],"triadic":["#3F5A46","#463F5A"],"tetradic":["#455A3F","#3F535A","#543F5A"],"splitComplementary":["#3F5A54","#3F455A"],"monochromatic":["#907064","#5A463F","#241C19"]}
Variants
{"light":"#907064","dark":"#241C19","saturated":"#6B3E2E","desaturated":"#4D4D4D","pastel":"#908B89","neon":"#C23400"}
Nearest named colors
[{"slug":"walnut","name":"Walnut","hex":"#5C4033","distance":13.564659966250536},{"slug":"umber","name":"Umber","hex":"#635147","distance":16.30950643030009},{"slug":"asphalt-gray","name":"Asphalt Gray","hex":"#4B4B4B","distance":19.849433241279208},{"slug":"loam","name":"Loam","hex":"#6B4F3A","distance":19.87460691435179},{"slug":"eggplant","name":"Eggplant","hex":"#614051","distance":20.223748416156685}]

HEX meaning and use

About #5A463F

#5A463F is classified as a warm orange value with muted and earth tone visual character. #5A463F is visually closest to Walnut, a named orange color with HEX #5C4033.

The RGB channels are 90, 70, and 63, with red carrying the strongest channel weight. In HSL, the hue is 16deg with 18% 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.0691, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 13.56, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text2.38:1AA Fail
White text8.82:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF, #F5F5F5.

Accessibility-Safe Pairings and Alternatives

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

Black text#0000002.38:1 · Fail
White text#FFFFFF8.82:1 · AAA

Accessible Alternatives

#241C19#FFFFFF text · best 16.72:1#241C19
#5A3F45#FFFFFF text · best 9.41:1#5A3F45
Walnut#FFFFFF text · best 9.39:1#5C4033
#6B3E2E#FFFFFF text · best 8.92:1#6B3E2E
Eggplant#FFFFFF text · best 8.9:1#614051

Generated Palette

#5A463F#5A463F
#3F535A#3F535A
#5A3F45#5A3F45
#5A543F#5A543F
#907064#907064
#241C19#241C19

Color Harmonies

#3F535A#3F535A
#5A3F45#5A3F45
#5A543F#5A543F
#3F5A46#3F5A46
#463F5A#463F5A

Variants

#907064#907064
#241C19#241C19
#6B3E2E#6B3E2E
#4D4D4D#4D4D4D
#908B89#908B89
#C23400#C23400

Nearest Named Colors