Heroic Blue Color – #1166ff: Codes and Complete Breakdown
By
Published on
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 Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#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 Type | Values/Details |
|---|---|
| Hex | #1166ff |
| RGB | rgb(17,102,255) |
| HSL | hsl(219,100%,53.3%) |
| CMYK | 93, 60, 0, 0 |
| HSV | 219, 93, 100 |
| RGB % | 7, 40, 100 |
| XYZ | 23, 16.8, 96.6 |
| LAB | 48, 35.7, -81.8 |
| Color Category | Dark |
| Color Family | Blue |
| Saturation | 93% |
| Temperature | Cool |
| 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
#16b8f3

Zima Blue
#00308f

US Air Force Blue
#8093a4

Dusty Blue
#4169e1

Royal Blue
#dde0df

Barely Blue
#9bb3bc

Blue Shell
#cfe2ef

Weak Blue
#bedbed

Twin Blue










