HEX Color #B6FFC5 (Aquamarine)

About #B6FFC5

The precise color #B6FFC5 is an excellent choice for modern design projects. Designers often compare it to the standard color Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 255, and 197.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 29% Cyan, 0% Magenta, 23% Yellow, and 0% Black. The HSL representation is 132.3° hue, 100.0% saturation, and 85.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a very light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B6FFC5

RGB182, 255, 197

HSL132.3°, 100.0%, 85.7%

CMYK29%, 0%, 23%, 0%

HSV132.3°, 28.6%, 100.0%

LAB94.1, -33.7, 20.7

XYZ65.1, 85.5, 65.9

Decimal11993029

Color Harmonies

Complementary

#B6FFC5 #FFB6F0

Analogous

#CBFFB6 #B6FFE9

Triadic

#C4B6FF #FFC5B6

Tetradic

#B6CBFF #FFB6F0 #FFE9B6

Tints, Shades & Tones

Tints (Adding White)

#B6FFC5

#BEFFCB

#C6FFD1

#CEFFD8

#D6FFDE

#DEFFE5

#E6FFEB

#EEFFF2

#F6FFF8

#FFFFFF

Shades (Adding Black)

#B6FFC5

#A1E2AF

#8DC699

#79AA83

#658D6D

#507157

#3C5541

#28382B

#141C15

#000000

WCAG Contrast Accessibility

1.16:1

Text on #FFFFFF

FAIL

18.10:1

Text on #000000

AAA

1.11:1

Text on #F8FAFC

FAIL

15.39:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #B6FFC5; }

.text-color { color: #B6FFC5; }

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

Similar Colors

Aquamarine

#7FFFD4