Sapphired Color – #5b82a6: Codes and Complete Breakdown

The Sapphired color hex code is #5b82a6, and it is composed of 36% red, 51% green and 65% blue.

Sapphired is a dark, muted, and cool color at 45% saturation. It has a contrast ratio of 4.05: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 Sapphired color (#5b82a6) against dark backgrounds.

Sapphired color

Sapphired Color Shades

Complementary colors

  1. #5B82A6

  2. #A67F5B

Triadic colors

  1. #5B82A6

  2. #A65B82

  3. #82A65B

Tints or lighter colors

  1. #7C9BB8

  2. #9DB4CA

  3. #BECEDC

  4. #DFE7EE

Darker colors

  1. #496886

  2. #374E64

  3. #253543

  4. #131B22

  5. #010101

Analogous colors

  1. #5BA67F

  2. #5BA6A5

  3. #5B82A6

  4. #5B5CA6

  5. #7F5BA6

Monochromatic colors

  1. #325C83

  2. #4675A2

  3. #668FB5

  4. #8DA8C1

  5. #B1C1D0

#5b82a6

Sapphired Color Codes and Information

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

Data TypeValues/Details
Hex#5b82a6
RGBrgb(91,130,166)
HSLhsl(209,29.6%,50.4%)
CMYK45, 22, 0, 35
HSV209, 45, 65
RGB %36, 51, 65
XYZ19.2, 20.9, 39.1
LAB52.8, -3.3, -23.5
Color CategoryDark
Color FamilyBlue
Saturation45%
TemperatureCool
Contrast Ratio Againt White (#ffffff)4.05 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)5.19 (passes WCAG AA)

Similar Colors to Sapphired Color

  1. #f8f3f6

    abalone color f8f3f6

    Abalone

  2. #b3b299

    alfalfa color b3b299

    Alfalfa

  3. #727a5f

    aceituna picante color 727a5f

    Aceituna Picante

  4. #5a2538

    zinfandel color 5a2538

    Zinfandel

  5. #7cb9e8

    aero color 7cb9e8

    Aero

  6. #8f9e9d

    abyss color 8f9e9d

    Abyss

  7. #e34636

    alizarin color e34636

    Alizarin

  8. #5f563f

    buzzard color 5f563f

    Buzzard

Related Color Shades