#509BA2

Muted Cyan

HEX

RGB

HSL

About #509BA2 Muted Cyan

#509BA2 is a muted cyan color. In the RGB color model, it is composed of 80 red, 155 green, and 162 blue. In the HSL color space, it has a hue of 185°, saturation of 34%, and lightness of 47%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #509BA2 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

185°

Hue

34%

Saturation

47%

Lightness

Muted Cyan

Color Harmonies

Colors that work well with #509BA2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #509BA2 against white and black backgrounds.

Aa#509BA2 on White
Contrast Ratio3.21:1
AA AA Large AAA
Aa#509BA2 on Black
Contrast Ratio6.55:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #509BA2 across different color formats.

FormatValue
HEX#509BA2
RGBrgb(80, 155, 162)
HSLhsl(185, 34%, 47%)
RGB Decimal80, 155, 162
RGB Percent31.4%, 60.8%, 63.5%
CMYK (approx.)51%, 4%, 0%, 36%

Related Palettes

12 palettes using #509BA2 or similar colors

#436F63#509F9D#70ACBD#9DB7CD
#102123#2A4446#32767B#4F979C
#121F21#294448#3F696E#4B96A0
#122120#2A4645#3D716E#4B9F9B
#34655B#4D9599#78A6BA#ABBDD4
#396057#4E9598#79A7B9#ACBED3
#122120#274946#367872#48A29B
#396057#4F9496#7FA4B3#B1BECD
#112220#264A45#436A65#4F9B91
#102321#2C4542#3C716C#549790
#0D1F26#22424E#356678#468BA4
#13201E#234E49#367870#43A89C