Blue Wonder Color – #404664: Codes and Complete Breakdown

The Blue Wonder color hex code is #404664, and it is composed of 25% red, 27% green and 39% blue.

Blue Wonder is a dark, muted, and cool color at 36% saturation. It has a contrast ratio of 9.22: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 Blue Wonder color (#404664) against light backgrounds.

Blue Wonder color

Blue Wonder Color Shades

Complementary colors

  1. #404664

  2. #645E40

Triadic colors

  1. #404664

  2. #644046

  3. #466440

Tints or lighter colors

  1. #545C83

  2. #6A73A0

  3. #8990B4

  4. #A9AEC8

  5. #C8CBDC

Darker colors

  1. #2C3045

  2. #181B26

  3. #040507

Analogous colors

  1. #40645E

  2. #405864

  3. #404664

  4. #4C4064

  5. #5E4064

Monochromatic colors

  1. #1C213C

  2. #2F375C

  3. #454E78

  4. #5E6793

  5. #7F85A4

#404664

Blue Wonder Color Codes and Information

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

Data TypeValues/Details
Hex#404664
RGBrgb(64,70,100)
HSLhsl(230,22%,32.2%)
CMYK36, 30, 0, 61
HSV230, 36, 39
RGB %25, 27, 39
XYZ6.6, 6.4, 12.9
LAB30.4, 5.5, -18.2
Color CategoryDark
Color FamilyBlue
Saturation36%
TemperatureCool
Contrast Ratio Againt White (#ffffff)9.22 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)2.28 (fails WCAG AA)

Similar Colors to Blue Wonder 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. #004d67

    work blue color 004d67

    Work Blue