Blue Quartz Color – #335287: Codes and Complete Breakdown

The Blue Quartz color hex code is #335287, and it is composed of 20% red, 32% green and 53% blue.

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

Blue Quartz color

Blue Quartz Color Shades

Complementary colors

  1. #335287

  2. #876833

Triadic colors

  1. #335287

  2. #873352

  3. #528733

Tints or lighter colors

  1. #4168AC

  2. #5E83C2

  3. #839FD0

  4. #A8BCDE

  5. #CDD8EC

Darker colors

  1. #253B62

  2. #17253D

  3. #090F18

Analogous colors

  1. #338768

  2. #337C87

  3. #335287

  4. #3E3387

  5. #683387

Monochromatic colors

  1. #162E58

  2. #24457D

  3. #355C9F

  4. #4B74BB

  5. #7592C4

#335287

Blue Quartz Color Codes and Information

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

Data TypeValues/Details
Hex#335287
RGBrgb(51,82,135)
HSLhsl(218,45.2%,36.5%)
CMYK62, 39, 0, 47
HSV218, 62, 53
RGB %20, 32, 53
XYZ8.8, 8.5, 24.1
LAB35, 6.4, -33
Color CategoryDark
Color FamilyBlue
Saturation62%
TemperatureCool
Contrast Ratio Againt White (#ffffff)7.78 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)2.7 (fails WCAG AA)

Similar Colors to Blue Quartz 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