#369E78

Green

HEX

RGB

HSL

About #369E78 Green

#369E78 is a green color. In the RGB color model, it is composed of 54 red, 158 green, and 120 blue. In the HSL color space, it has a hue of 158°, saturation of 49%, and lightness of 42%.

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 #369E78 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

158°

Hue

49%

Saturation

42%

Lightness

Green

Color Harmonies

Colors that work well with #369E78 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #369E78 against white and black backgrounds.

Aa#369E78 on White
Contrast Ratio3.32:1
AA AA Large AAA
Aa#369E78 on Black
Contrast Ratio6.32:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #369E78 across different color formats.

FormatValue
HEX#369E78
RGBrgb(54, 158, 120)
HSLhsl(158, 49%, 42%)
RGB Decimal54, 158, 120
RGB Percent21.2%, 62.0%, 47.1%
CMYK (approx.)66%, 0%, 24%, 38%

Related Palettes

12 palettes using #369E78 or similar colors

#0E251A#1E5239#387558#3BAF77
#29A385#47AFD1#7A96EB#CDC0F1
#0F241A#2B4539#337A58#49A277
#29A389#3FAEDA#8498E1#CDBEF4
#0E251A#294738#2D8157#4C9F75
#22AA7A#3EC3DA#7FA3E6#C6BDF4
#132018#2A4735#406D51#4AA06B
#3B5E4B#4C9A82#83AFAC#ACCBD3
#10231D#224E41#337A65#3EAC8B
#13201B#1D533F#406D5D#4E9D80
#26A68A#42ADD7#8297E3#CEBFF2
#102316#2A4633#3D714E#45A665