Heron Color – #6a6887: Codes and Complete Breakdown

The Heron color hex code is #6a6887, and it is composed of 42% red, 41% green and 53% blue.

Heron is a dark, dull, desaturated, and cool color at 23% saturation. It has a contrast ratio of 5.33:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Heron color (#6a6887) against light backgrounds.

Heron color

Heron Color Shades

Complementary colors

  1. #6A6887

  2. #8C9060

Triadic colors

  1. #6A6887

  2. #906360

  3. #609063

Tints or lighter colors

  1. #85839F

  2. #A1A0B6

  3. #BDBCCC

  4. #DAD9E2

  5. #F6F6F8

Darker colors

  1. #53526A

  2. #3D3C4E

  3. #262531

  4. #100F14

Analogous colors

  1. #688587

  2. #687687

  3. #6A6887

  4. #7A6887

  5. #876885

Monochromatic colors

  1. #3E3B68

  2. #565283

  3. #716E9A

  4. #9391AA

  5. #B1B0BF

#6a6887

Heron Color Codes and Information

Here’s a complete breakdown of the color Heron, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#6a6887
RGBrgb(106,104,135)
HSLhsl(244,13%,46.9%)
CMYK21, 23, 0, 47
HSV244, 23, 53
RGB %42, 41, 53
XYZ15.3, 14.7, 25
LAB45.2, 8.1, -16.9
Color CategoryDark
Color FamilyBlue
Saturation23%
TemperatureCool
Contrast Ratio Againt White (#ffffff)5.33 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)3.94 (fails WCAG AA)

Similar Colors to Heron Color

  1. #e7e1d7

    white heron color e7e1d7

    White Heron

  2. #3c4378

    little blue heron color 3c4378

    Little Blue Heron

  3. #cbd5e9

    heroic heron color cbd5e9

    Heroic Heron

  4. #e5e1d8

    heron plume color e5e1d8

    Heron Plume

  5. #6a6887

    heron color 6a6887

    Heron

  6. #89928a

    grey heron color 89928a

    Grey Heron

  7. #d5e0ee

    great blue heron color d5e0ee

    Great Blue Heron

  8. #ecece1

    grand heron color ecece1

    Grand Heron

Related Color Shades