#2D685A

Cyan

HEX

RGB

HSL

About #2D685A Cyan

#2D685A is a cyan color. In the RGB color model, it is composed of 45 red, 104 green, and 90 blue. In the HSL color space, it has a hue of 166°, saturation of 40%, and lightness of 29%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

166°

Hue

40%

Saturation

29%

Lightness

Cyan

Color Harmonies

Colors that work well with #2D685A based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2D685A against white and black backgrounds.

Aa#2D685A on White
Contrast Ratio6.48:1
AA AA Large AAA
Aa#2D685A on Black
Contrast Ratio3.24:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D685A across different color formats.

FormatValue
HEX#2D685A
RGBrgb(45, 104, 90)
HSLhsl(166, 40%, 29%)
RGB Decimal45, 104, 90
RGB Percent17.6%, 40.8%, 35.3%
CMYK (approx.)57%, 0%, 13%, 59%

Related Palettes

12 palettes using #2D685A or similar colors

#34655B#4D9599#78A6BA#ABBDD4
#356453#51948C#80ABB2#AAC4D4
#37625E#58858D#779FBB#ADB9D1
#366352#50958D#7BAFB7#ADC3D1
#346365#508095#7F96B3#A9B2D5
#336466#5A7D8C#7C96B6#AFB6CF
#396057#4E9598#79A7B9#ACBED3
#396057#4F9496#7FA4B3#B1BECD
#326167#527B93#8394AF#B0B4CF
#375F62#507F95#7694BC#B2B7CD
#3A5F5B#5A848C#78A0BA#ADBAD1
#34654C#509583#82B0AF#AFC8CF