Hadfield Blue Color – #1177ff: Codes and Complete Breakdown
By
Published on
The Hadfield Blue color hex code is #1177ff, and it is composed of 7% red, 47% green and 100% blue.
Hadfield Blue is a dark, vibrant, saturated, and cool color at 93% saturation. It has a contrast ratio of 4.11:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Hadfield Blue color (#1177ff) against dark backgrounds.

Hadfield Blue Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#1177ff
Hadfield Blue Color Codes and Information
Here’s a complete breakdown of the color Hadfield Blue, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #1177ff |
| RGB | rgb(17,119,255) |
| HSL | hsl(214,100%,53.3%) |
| CMYK | 93, 53, 0, 0 |
| HSV | 214, 93, 100 |
| RGB % | 7, 47, 100 |
| XYZ | 24.9, 20.5, 97.3 |
| LAB | 52.4, 25.1, -74.7 |
| Color Category | Dark |
| Color Family | Blue |
| Saturation | 93% |
| Temperature | Cool |
| Contrast Ratio Againt White (#ffffff) | 4.11 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 5.11 (passes WCAG AA) |
Similar Colors to Hadfield 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










