Heroic Blue Color – #1166ff: Codes and Complete Breakdown

The Heroic Blue color hex code is #1166ff, and it is composed of 7% red, 40% green and 100% blue.

Heroic Blue is a dark, vibrant, saturated, and cool color at 93% saturation. It has a contrast ratio of 4.81: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 Heroic Blue color (#1166ff) against light backgrounds.

Heroic Blue color

Heroic Blue Color Shades

Complementary colors

  1. #1164FF

  2. #FFAC11

Triadic colors

  1. #1164FF

  2. #FF1164

  3. #64FF11

Tints or lighter colors

  1. #4485FF

  2. #77A6FF

  3. #AAC8FF

  4. #DDE9FF

Darker colors

  1. #004DDD

  2. #003BAA

  3. #002A77

  4. #001844

  5. #000611

Analogous colors

  1. #11FFAC

  2. #11DBFF

  3. #1164FF

  4. #3511FF

  5. #AC11FF

Monochromatic colors

  1. #0044C3

  2. #0056F6

  3. #2A75FF

  4. #5D96FF

  5. #93B8FC

#1166ff

Heroic Blue Color Codes and Information

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

Data TypeValues/Details
Hex#1166ff
RGBrgb(17,102,255)
HSLhsl(219,100%,53.3%)
CMYK93, 60, 0, 0
HSV219, 93, 100
RGB %7, 40, 100
XYZ23, 16.8, 96.6
LAB48, 35.7, -81.8
Color CategoryDark
Color FamilyBlue
Saturation93%
TemperatureCool
Contrast Ratio Againt White (#ffffff)4.81 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)4.37 (fails WCAG AA)

Similar Colors to Heroic Blue Color

  1. #16b8f3

    zima blue color 16b8f3

    Zima Blue

  2. #00308f

    us air force blue color 00308f

    US Air Force Blue

  3. #8093a4

    dusty blue color 8093a4

    Dusty Blue

  4. #4169e1

    royal blue color 4169e1

    Royal Blue

  5. #dde0df

    barely blue color dde0df

    Barely Blue

  6. #9bb3bc

    blue shell color 9bb3bc

    Blue Shell

  7. #cfe2ef

    weak blue color cfe2ef

    Weak Blue

  8. #bedbed

    twin blue color bedbed

    Twin Blue