HEX Color #33A06D (Seagreen)

About #33A06D

The precise color #33A06D is an excellent choice for modern design projects. It is closely associated with the named CSS color Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 160, and 109.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 68% C, 0% M, 32% Y, and 37% K. With a hue angle of 151.9 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#33A06D

RGB51, 160, 109

HSL151.9°, 51.7%, 41.4%

CMYK68%, 0%, 32%, 37%

HSV151.9°, 68.1%, 62.7%

LAB58.9, -42.9, 17.8

XYZ16.7, 26.9, 18.8

Decimal3383405

Color Harmonies

Complementary

#33A06D #A03265

Analogous

#32A036 #329CA0

Triadic

#6C32A0 #A06C32

Tetradic

#3632A0 #A03265 #9CA032

Tints, Shades & Tones

Tints (Adding White)

#33A06D

#49AA7D

#60B58D

#77BF9D

#8DCAAD

#A4D4BE

#BBDFCE

#D1E9DE

#E8F4EE

#FFFFFF

Shades (Adding Black)

#33A06D

#2D8E60

#277C54

#226A48

#1C583C

#164730

#113524

#0B2318

#05110C

#000000

WCAG Contrast Accessibility

3.29:1

Text on #FFFFFF

AA Large

6.39:1

Text on #000000

AA

3.14:1

Text on #F8FAFC

AA Large

5.43:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #33A06D; }

.text-color { color: #33A06D; }

.border-color { border: 2px solid #33A06D; }

Similar Colors

Seagreen

#2E8B57