Modal Blue Color – #40a6ac: Codes and Complete Breakdown

The Modal Blue color hex code is #40a6ac, and it is composed of 25% red, 65% green and 67% blue.

Modal Blue is a light, bright, and cool color at 63% saturation. It has a contrast ratio of 2.89: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 Modal Blue color (#40a6ac) against dark backgrounds.

Modal Blue color

Modal Blue Color Shades

Complementary colors

  1. #40A7AC

  2. #AC4540

Triadic colors

  1. #40A7AC

  2. #AC40A7

  3. #A7AC40

Tints or lighter colors

  1. #5DBDC3

  2. #82CCD0

  3. #A7DBDE

  4. #CCEAEC

  5. #F1F9FA

Darker colors

  1. #328387

  2. #245F62

  3. #173B3D

  4. #091717

Analogous colors

  1. #40AC45

  2. #40AC7B

  3. #40A7AC

  4. #4071AC

  5. #4540AC

Monochromatic colors

  1. #1F7B80

  2. #2F9EA4

  3. #44BCC2

  4. #6FC5CA

  5. #98D1D4

#40a6ac

Modal Blue Color Codes and Information

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

Data TypeValues/Details
Hex#40a6ac
RGBrgb(64,166,172)
HSLhsl(183,45.8%,46.3%)
CMYK63, 3, 0, 33
HSV183, 63, 67
RGB %25, 65, 67
XYZ23.2, 31.3, 43.9
LAB62.8, -27, -12
Color CategoryLight
Color FamilyBlue
Saturation63%
TemperatureCool
Contrast Ratio Againt White (#ffffff)2.89 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)7.27 (passes WCAG AA)

Similar Colors to Modal 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