Moonstone Color – #3aa8c1: Codes and Complete Breakdown

The Moonstone color hex code is #3aa8c1, and it is composed of 23% red, 66% green and 76% blue.

Moonstone is a light, bright, and cool color at 70% saturation. It has a contrast ratio of 2.78: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 Moonstone color (#3aa8c1) against dark backgrounds.

Moonstone color

Moonstone Color Shades

Complementary colors

  1. #3AA8C1

  2. #C1533A

Triadic colors

  1. #3AA8C1

  2. #C13AA8

  3. #A8C13A

Tints or lighter colors

  1. #5FBACF

  2. #86CBDB

  3. #ADDCE6

  4. #D5EDF2

  5. #FCFEFE

Darker colors

  1. #2E869A

  2. #226473

  3. #17424B

  4. #0B1F24

Analogous colors

  1. #3AC153

  2. #3AC196

  3. #3AA8C1

  4. #3A65C1

  5. #533AC1

Monochromatic colors

  1. #1B7D93

  2. #299EB9

  3. #46B6CF

  4. #73C3D5

  5. #9DD2DD

#3aa8c1

Moonstone Color Codes and Information

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

Data TypeValues/Details
Hex#3aa8c1
RGBrgb(58,168,193)
HSLhsl(191,53.8%,49.2%)
CMYK70, 13, 0, 24
HSV191, 70, 76
RGB %23, 66, 76
XYZ25.4, 32.8, 55.4
LAB64, -22.8, -21.7
Color CategoryLight
Color FamilyBlue
Saturation70%
TemperatureCool
Contrast Ratio Againt White (#ffffff)2.78 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)7.55 (passes WCAG AA)

Similar Colors to Moonstone Color

  1. #73a9c2

    moonstone blue color 73a9c2

    Moonstone Blue

  2. #3aa8c1

    moonstone color 3aa8c1

    Moonstone

  3. #e5e0cc

    misty moonstone color e5e0cc

    Misty Moonstone

  4. #33565e

    green moonstone color 33565e

    Green Moonstone

Related Color Shades