HEX atlas value

#AEC6CF

#AEC6CF is a cool blue HEX color nearest Pastel Blue. RGB 174, 198, 207, HSL 196° 26% 75%, luminance 0.5389; view contrast and conversions.

blue cool muted

#AEC6CF Sample readable text

HEX #AEC6CF

RGB rgb(174, 198, 207)

HSL hsl(196 26% 75%)

CMYK cmyk(16, 4, 0, 19)

Luminance 0.5389

Contrast Black 11.78:1White 1.78:1

CSS

--color-aec6cf: #AEC6CF;
.background-aec6cf { background-color: #AEC6CF; }
.text-aec6cf { color: #AEC6CF; }

HEX meaning and use

About #AEC6CF

#AEC6CF is classified as a cool blue value with muted visual character. #AEC6CF is visually closest to Pastel Blue, a named blue color with HEX #AEC6CF.

The RGB channels are 174, 198, and 207, with blue carrying the strongest channel weight. In HSL, the hue is 196deg with 26% saturation and 75% lightness, so this page treats it as a low-saturation, light atlas color rather than a generic swatch.

Practical uses for this HEX value include color conversion, WCAG contrast checks, CSS color tokens, and muted interface themes. Its luminance is 0.5389, 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 text11.78:1AA Pass

White text1.78:1AA Fail

AA text options: #000000, #1A1A1A, #36454F.

AAA text options: #000000, #1A1A1A.

Accessibility-Safe Pairings and Alternatives

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

Black text#00000011.78:1 · AAA

White text#FFFFFF1.78:1 · Fail

Accessible Alternatives

#E9EFF2#E9EFF2 · #000000 text · best 18.09:1 Pastel Teal#9FD8D2 · #000000 text · best 13.23:1 #AFD0C8#AFD0C8 · #000000 text · best 12.68:1 #A1CEDE#A1CEDE · #000000 text · best 12.4:1 Light Steel Blue#B0C4DE · #000000 text · best 11.8:1

Generated Palette

Pastel Blue#AEC6CF

#D0B8AF#D0B8AF

#AFD0C8#AFD0C8

#AFB6D0#AFB6D0

#E9EFF2#E9EFF2

#759FAE#759FAE

Color Harmonies

#D0B8AF#D0B8AF

#AFD0C8#AFD0C8

#AFB6D0#AFB6D0

#D0AFC7#D0AFC7

#C7D0AF#C7D0AF

Variants

#E9EFF2#E9EFF2

#759FAE#759FAE

#A1CEDE#A1CEDE

#BDC0C2#BDC0C2

White#FFFFFF

#A8E8FF#A8E8FF

Nearest Named Colors

Pastel Blue#AEC6CF

Light Steel Blue#B0C4DE

Opal#A8C3BC

Pastel Teal#9FD8D2

Silver#C0C0C0

Luminance0.5389

Black text11.78:1AA Pass

White text1.78: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":"#AEC6CF","rgb":[174,198,207],"hsl":[196,26,75],"cmyk":[16,4,0,19],"luminance":0.5389,"contrast":{"black":11.78,"white":1.78}}

WCAG

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

Safe pairings

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

Accessible alternatives

[{"name":"#E9EFF2","hex":"#E9EFF2","family":"blue","bestTextColor":"#000000","contrastBlack":18.09,"contrastWhite":1.16,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A","#36454F"]},{"name":"Pastel Teal","hex":"#9FD8D2","family":"cyan","bestTextColor":"#000000","contrastBlack":13.23,"contrastWhite":1.59,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#AFD0C8","hex":"#AFD0C8","family":"cyan","bestTextColor":"#000000","contrastBlack":12.68,"contrastWhite":1.66,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"#A1CEDE","hex":"#A1CEDE","family":"blue","bestTextColor":"#000000","contrastBlack":12.4,"contrastWhite":1.69,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]},{"name":"Light Steel Blue","hex":"#B0C4DE","family":"blue","bestTextColor":"#000000","contrastBlack":11.8,"contrastWhite":1.78,"wcagAA":["#000000","#1A1A1A","#36454F"],"wcagAAA":["#000000","#1A1A1A"]}]

AI context

{"semanticGroups":["cool blue","muted","muted blue","Pastel Blue adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","muted interface themes","calm digital interfaces"],"contrastSafeWith":["#000000","#1A1A1A","#36454F"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/aec6cf.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/pastel-blue.json","https://www.colorsencyclopedia.com/api/colors/light-steel-blue.json","https://www.colorsencyclopedia.com/api/colors/opal.json"]}

Harmonies

{"complementary":"#D0B8AF","analogous":["#AFD0C8","#AFB6D0"],"triadic":["#D0AFC7","#C7D0AF"],"tetradic":["#C8AFD0","#D0B8AF","#B6D0AF"],"splitComplementary":["#D0AFB6","#D0C8AF"],"monochromatic":["#E9EFF2","#AEC6CF","#759FAE"]}

Variants

{"light":"#E9EFF2","dark":"#759FAE","saturated":"#A1CEDE","desaturated":"#BDC0C2","pastel":"#FFFFFF","neon":"#A8E8FF"}

Nearest named colors

[{"slug":"pastel-blue","name":"Pastel Blue","hex":"#AEC6CF","distance":0},{"slug":"light-steel-blue","name":"Light Steel Blue","hex":"#B0C4DE","distance":15.264337522473747},{"slug":"opal","name":"Opal","hex":"#A8C3BC","distance":20.149441679609886},{"slug":"pastel-teal","name":"Pastel Teal","hex":"#9FD8D2","distance":23.62202362203543},{"slug":"silver","name":"Silver","hex":"#C0C0C0","distance":24.186773244895647}]

#AEC6CF

CSS

About #AEC6CF

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