HEX atlas value

#704214

#704214 is a warm orange HEX color nearest Sepia. RGB 112, 66, 20, HSL 30° 70% 26%, luminance 0.0739; view contrast and conversions.

orange warm balanced

#704214 Sample readable text

HEX #704214

RGB rgb(112, 66, 20)

HSL hsl(30 70% 26%)

CMYK cmyk(0, 41, 82, 56)

Luminance 0.0739

Contrast Black 2.48:1White 8.47:1

CSS

--color-704214: #704214;
.background-704214 { background-color: #704214; }
.text-704214 { color: #704214; }

HEX meaning and use

About #704214

#704214 is classified as a warm orange value with balanced visual character. #704214 is visually closest to Sepia, a named orange color with HEX #704214.

The RGB channels are 112, 66, and 20, with red carrying the strongest channel weight. In HSL, the hue is 30deg with 70% saturation and 26% lightness, so this page treats it as a high-saturation, dark atlas color rather than a generic swatch.

Practical uses for this HEX value include color conversion, WCAG contrast checks, and CSS color tokens. Its luminance is 0.0739, 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.48:1AA Fail

White text8.47:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF, #F5F5F5.

Accessibility-Safe Pairings and Alternatives

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

Black text#0000002.48:1 · Fail

White text#FFFFFF8.47:1 · AAA

Accessible Alternatives

#231406#231406 · #FFFFFF text · best 17.89:1 #711414#711414 · #FFFFFF text · best 11.59:1 #144271#144271 · #FFFFFF text · best 10.25:1 Bark#5B3A29 · #FFFFFF text · best 10.09:1 #624222#624222 · #FFFFFF text · best 9.04:1

Generated Palette

Sepia#704214

#144271#144271

#711414#711414

#717114#717114

#BF7022#BF7022

#231406#231406

Color Harmonies

#144271#144271

#711414#711414

#717114#717114

#147142#147142

#421471#421471

Variants

#BF7022#BF7022

#231406#231406

#7F4205#7F4205

#624222#624222

#C7823D#C7823D

#AD5700#AD5700

Nearest Named Colors

Sepia#704214

Saddle Brown#8B4513

Bark#5B3A29

Brick Red#8A3324

Burnt Umber#8A3324

Luminance0.0739

Black text2.48:1AA Fail

White text8.47: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

Structured sections

Color systems

{"hex":"#704214","rgb":[112,66,20],"hsl":[30,70,26],"cmyk":[0,41,82,56],"luminance":0.0739,"contrast":{"black":2.48,"white":8.47}}

WCAG

{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]}

Safe pairings

[{"name":"Black text","hex":"#000000","contrast":2.48,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":8.47,"wcagAA":true,"wcagAAA":true}]

Accessible alternatives

[{"name":"#231406","hex":"#231406","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":1.17,"contrastWhite":17.89,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#711414","hex":"#711414","family":"red","bestTextColor":"#FFFFFF","contrastBlack":1.81,"contrastWhite":11.59,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#144271","hex":"#144271","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.05,"contrastWhite":10.25,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Bark","hex":"#5B3A29","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.08,"contrastWhite":10.09,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#624222","hex":"#624222","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.32,"contrastWhite":9.04,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}]

AI context

{"semanticGroups":["warm orange","balanced","balanced orange","Sepia adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/704214.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/sepia.json","https://www.colorsencyclopedia.com/api/colors/saddle-brown.json","https://www.colorsencyclopedia.com/api/colors/bark.json"]}

Harmonies

{"complementary":"#144271","analogous":["#711414","#717114"],"triadic":["#147142","#421471"],"tetradic":["#147114","#144271","#711471"],"splitComplementary":["#147171","#141471"],"monochromatic":["#BF7022","#704214","#231406"]}

Variants

{"light":"#BF7022","dark":"#231406","saturated":"#7F4205","desaturated":"#624222","pastel":"#C7823D","neon":"#AD5700"}

Nearest named colors

[{"slug":"sepia","name":"Sepia","hex":"#704214","distance":0},{"slug":"saddle-brown","name":"Saddle Brown","hex":"#8B4513","distance":27.184554438136374},{"slug":"bark","name":"Bark","hex":"#5B3A29","distance":30.757112998459398},{"slug":"brick-red","name":"Brick Red","hex":"#8A3324","distance":34.0147027033899},{"slug":"burnt-umber","name":"Burnt Umber","hex":"#8A3324","distance":34.0147027033899}]

#704214

CSS

About #704214

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Machine-Readable HEX Data (JSON)

Related HEX Guides