HEX Color #B6F8D3 (Aquamarine)

About #B6F8D3

The precise color #B6F8D3 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 248, and 211.

Translating this color to physical media requires the CMYK color model. The color uses 27% Cyan, 0% Magenta, 15% Yellow, and 3% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#B6F8D3

RGB182, 248, 211

HSL146.4°, 82.5%, 84.3%

CMYK27%, 0%, 15%, 3%

HSV146.4°, 26.6%, 97.3%

LAB92.5, -27.9, 11.2

XYZ64.6, 81.8, 74.0

Decimal11991251

Color Harmonies

Complementary

#B6F8D3 #F8B5DA

Analogous

#B9F8B5 #B5F8F4

Triadic

#D3B5F8 #F8D3B5

Tetradic

#B5BAF8 #F8B5DA #F8F4B5

Tints, Shades & Tones

Tints (Adding White)

#B6F8D3

#BEF8D7

#C6F9DC

#CEFAE1

#D6FBE6

#DEFBEB

#E6FCF0

#EEFDF5

#F6FEFA

#FFFFFF

Shades (Adding Black)

#B6F8D3

#A1DCBB

#8DC0A4

#79A58C

#658975

#506E5D

#3C5246

#28372E

#141B17

#000000

WCAG Contrast Accessibility

1.21:1

Text on #FFFFFF

FAIL

17.36:1

Text on #000000

AAA

1.16:1

Text on #F8FAFC

FAIL

14.76:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #B6F8D3; }

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

Similar Colors

Aquamarine

#7FFFD4