HEX Color #33EFB1 (Aquamarine)

About #33EFB1

The hex code #33EFB1 represents a beautifully specific shade of green. Designers often compare it to the standard color Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 239, and 177.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 79% cyan, 0% magenta, 26% yellow, and 6% black. The HSL representation is 160.2° hue, 85.5% saturation, and 56.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#33EFB1

RGB51, 239, 177

HSL160.2°, 85.5%, 56.9%

CMYK79%, 0%, 26%, 6%

HSV160.2°, 78.7%, 93.7%

LAB84.8, -59.3, 17.3

XYZ40.2, 65.6, 52.1

Decimal3403697

Color Harmonies

Complementary

#33EFB1 #EF3271

Analogous

#32EF52 #32CFEF

Triadic

#B032EF #EFB032

Tetradic

#5232EF #EF3271 #CFEF32

Tints, Shades & Tones

Tints (Adding White)

#33EFB1

#49F0B9

#60F2C2

#77F4CB

#8DF6D3

#A4F7DC

#BBF9E5

#D1FBED

#E8FDF6

#FFFFFF

Shades (Adding Black)

#33EFB1

#2DD49D

#27B989

#229F76

#1C8462

#166A4E

#114F3B

#0B3527

#051A13

#000000

WCAG Contrast Accessibility

1.49:1

Text on #FFFFFF

FAIL

14.12:1

Text on #000000

AAA

1.42:1

Text on #F8FAFC

FAIL

12.01:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4