HEX atlas value

#6A8EDB

#6A8EDB is a cool blue HEX color nearest Cornflower. RGB 106, 142, 219, HSL 221° 61% 64%, luminance 0.2752; view contrast and conversions.

blue cool balanced

#6A8EDB Sample readable text

HEX #6A8EDB

RGB rgb(106, 142, 219)

HSL hsl(221 61% 64%)

CMYK cmyk(52, 35, 0, 14)

Luminance 0.2752

Contrast Black 6.5:1White 3.23:1

CSS

--color-6a8edb: #6A8EDB;
.background-6a8edb { background-color: #6A8EDB; }
.text-6a8edb { color: #6A8EDB; }

HEX meaning and use

About #6A8EDB

#6A8EDB is classified as a cool blue value with balanced visual character. #6A8EDB is visually closest to Cornflower, a named blue color with HEX #6A8EDB.

The RGB channels are 106, 142, and 219, with blue carrying the strongest channel weight. In HSL, the hue is 221deg with 61% saturation and 64% lightness, so this page treats it as a moderate-saturation, mid-lightness atlas color rather than a generic swatch.

Practical uses for this HEX value include color conversion, WCAG contrast checks, CSS color tokens, and calm digital interfaces. Its luminance is 0.2752, black 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 text6.5:1AA Pass

White text3.23:1AA Fail

AA text options: #000000, #1A1A1A.

AAA text options: none in seed set.

Accessibility-Safe Pairings and Alternatives

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

Black text#0000006.5:1 · AA

White text#FFFFFF3.23:1 · Fail

Accessible Alternatives

#B5C7ED#B5C7ED · #000000 text · best 12.36:1 #DBB86B#DBB86B · #000000 text · best 11.08:1 #6BC7DB#6BC7DB · #000000 text · best 10.82:1 Glacier Blue#78B9D2 · #000000 text · best 9.67:1 #7F96C7#7F96C7 · #000000 text · best 7.09:1

Generated Palette

Cornflower#6A8EDB

#DBB86B#DBB86B

#6BC7DB#6BC7DB

#806BDB#806BDB

#B5C7ED#B5C7ED

#2E5BBD#2E5BBD

Color Harmonies

#DBB86B#DBB86B

#6BC7DB#6BC7DB

#806BDB#806BDB

#DB6B8F#DB6B8F

#8FDB6B#8FDB6B

Variants

#B5C7ED#B5C7ED

#2E5BBD#2E5BBD

#5787EF#5787EF

#7F96C7#7F96C7

#D6DEF0#D6DEF0

#709DFF#709DFF

Nearest Named Colors

Cornflower#6A8EDB

Cornflower Blue#6495ED

Medium Slate Blue#7B68EE

Glacier Blue#78B9D2

Medium Purple#9370DB

Luminance0.2752

Black text6.5:1AA Pass

White text3.23:1AA Fail

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":"#6A8EDB","rgb":[106,142,219],"hsl":[221,61,64],"cmyk":[52,35,0,14],"luminance":0.2752,"contrast":{"black":6.5,"white":3.23}}

WCAG

{"AA":["#000000","#1A1A1A"],"AAA":[]}

Safe pairings

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

Accessible alternatives

[{"name":"#B5C7ED","hex":"#B5C7ED","family":"blue","bestTextColor":"#000000","contrastBlack":12.36,"contrastWhite":1.7,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#DBB86B","hex":"#DBB86B","family":"orange","bestTextColor":"#000000","contrastBlack":11.08,"contrastWhite":1.9,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#6BC7DB","hex":"#6BC7DB","family":"cyan","bestTextColor":"#000000","contrastBlack":10.82,"contrastWhite":1.94,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"Glacier Blue","hex":"#78B9D2","family":"blue","bestTextColor":"#000000","contrastBlack":9.67,"contrastWhite":2.17,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#7F96C7","hex":"#7F96C7","family":"blue","bestTextColor":"#000000","contrastBlack":7.09,"contrastWhite":2.96,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000"]}]

AI context

{"semanticGroups":["cool blue","balanced","balanced blue","Cornflower adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","calm digital interfaces"],"contrastSafeWith":["#000000","#1A1A1A"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/6a8edb.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/cornflower.json","https://www.colorsencyclopedia.com/api/colors/cornflower-blue.json","https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"]}

Harmonies

{"complementary":"#DBB86B","analogous":["#6BC7DB","#806BDB"],"triadic":["#DB6B8F","#8FDB6B"],"tetradic":["#DB6BC7","#DBB86B","#6BDB80"],"splitComplementary":["#DB806B","#C7DB6B"],"monochromatic":["#B5C7ED","#6A8EDB","#2E5BBD"]}

Variants

{"light":"#B5C7ED","dark":"#2E5BBD","saturated":"#5787EF","desaturated":"#7F96C7","pastel":"#D6DEF0","neon":"#709DFF"}

Nearest named colors

[{"slug":"cornflower","name":"Cornflower","hex":"#6A8EDB","distance":0},{"slug":"cornflower-blue","name":"Cornflower Blue","hex":"#6495ED","distance":20.223748416156685},{"slug":"medium-slate-blue","name":"Medium Slate Blue","hex":"#7B68EE","distance":45.760244754590204},{"slug":"glacier-blue","name":"Glacier Blue","hex":"#78B9D2","distance":46.10856753359401},{"slug":"medium-purple","name":"Medium Purple","hex":"#9370DB","distance":50.80354318352215}]

#6A8EDB

CSS

About #6A8EDB

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