Blue Square Color – #508a9a: Codes and Complete Breakdown

The Blue Square color hex code is #508a9a, and it is composed of 31% red, 54% green and 60% blue.

Blue Square is a dark, muted, and cool color at 48% saturation. It has a contrast ratio of 3.86: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 Blue Square color (#508a9a) against dark backgrounds.

Blue Square color

Blue Square Color Shades

Complementary colors

  1. #508A9A

  2. #9A6050

Triadic colors

  1. #508A9A

  2. #9A508A

  3. #8A9A50

Tints or lighter colors

  1. #6BA3B2

  2. #8DB8C4

  3. #AECDD5

  4. #D0E1E6

  5. #F1F6F8

Darker colors

  1. #3F6C78

  2. #2D4E57

  3. #1C3035

  4. #0A1214

Analogous colors

  1. #509A60

  2. #509A85

  3. #508A9A

  4. #50659A

  5. #60509A

Monochromatic colors

  1. #2A6474

  2. #3D8194

  3. #549CB0

  4. #7CADBB

  5. #A1C0C9

#508a9a

Blue Square Color Codes and Information

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

Data TypeValues/Details
Hex#508a9a
RGBrgb(80,138,154)
HSLhsl(193,31.6%,45.9%)
CMYK48, 10, 0, 40
HSV193, 48, 60
RGB %31, 54, 60
XYZ18.2, 22.2, 33.9
LAB54.2, -14.6, -14.5
Color CategoryDark
Color FamilyBlue
Saturation48%
TemperatureCool
Contrast Ratio Againt White (#ffffff)3.86 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)5.44 (passes WCAG AA)

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