Heavy Blue Color – #2c5674: Codes and Complete Breakdown

The Heavy Blue color hex code is #2c5674, and it is composed of 17% red, 34% green and 45% blue.

Heavy Blue is a dark, bright, and cool color at 62% saturation. It has a contrast ratio of 7.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 Heavy Blue color (#2c5674) against light backgrounds.

Heavy Blue color

Heavy Blue Color Shades

Complementary colors

  1. #2C5674

  2. #744A2C

Triadic colors

  1. #2C5674

  2. #742C56

  3. #56742C

Tints or lighter colors

  1. #3A7199

  2. #4B8CBB

  3. #70A4C9

  4. #95BCD7

  5. #BAD3E5

Darker colors

  1. #1E3B4F

  2. #101F2A

  3. #020405

Analogous colors

  1. #2C744A

  2. #2C746E

  3. #2C5674

  4. #2C3274

  5. #4A2C74

Monochromatic colors

  1. #112E43

  2. #1E4968

  3. #2E658B

  4. #417FAC

  5. #6397BC

#2c5674

Heavy Blue Color Codes and Information

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

Data TypeValues/Details
Hex#2c5674
RGBrgb(44,86,116)
HSLhsl(205,45%,31.4%)
CMYK62, 26, 0, 55
HSV205, 62, 45
RGB %17, 34, 45
XYZ7.5, 8.5, 17.8
LAB35, -5.4, -21.4
Color CategoryDark
Color FamilyBlue
Saturation62%
TemperatureCool
Contrast Ratio Againt White (#ffffff)7.81 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)2.69 (fails WCAG AA)

Similar Colors to Heavy 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. #d1d8d0

    zephyr blue color d1d8d0

    Zephyr Blue