Named color · #2EE8BB
Aquamarine
Aquamarine is #2EE8BB: rgb(46 232 187), hsl(165 80% 55%), oklch(0.833 0.155 171.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Aquamarine color name →
#2EE8BB
oklch(0.833 0.155 171.2)
Color conversions
- HEX
- #2ee8bb
- RGB
- rgb(46 232 187)
- HSL
- hsl(165 80% 55%)
- HWB
- hwb(165 18% 9%)
- OKLCH
- oklch(0.833 0.155 171.2)
- OKLab
- oklab(0.833 -0.153 0.024)
- CIE Lab
- lab(82.63 -54.17 8.66)
- LCH
- lch(82.63 54.86 170.9)
- CMYK
- cmyk(80% 0% 19% 9%)
Tints · Shades · Tones
Tints
- 57EBC2
- 72EDC8
- 88F0CF
- 9CF2D6
- AFF5DD
- C0F7E3
- D0F9EA
- E0FBF1
- F0FDF8
Shades
- 27CAA2
- 1FAC8A
- 189073
- 12745C
- 0B5946
- 064032
- 02291F
- 01130D
- 000302
Tones
- 46DDB5
- 55D3AF
- 60C8A9
- 68BEA3
- 6FB49D
- 75A997
- 799F91
- 7C958C
- 7E8A86
Color harmonies
Complementary +180°
- 2EE8BB
Aquamarine
- FFABD1
≈ Majin Bū Pink
Analogous -30° +30°
- 2EE8BB
Aquamarine
- 8CE180
≈ Feralas Lime
- 00E3EE
≈ Cold Heights
Triadic +120° +240°
- 2EE8BB
Aquamarine
- C8BEFF
≈ Lavender Tonic
- FFB589
≈ Coral Dusk
Split-complementary +150° +210°
- 2EE8BB
Aquamarine
- F2A9FF
≈ Rich Brilliant Lavender
- FFB0AE
≈ Cornflower Lilac
Tetradic +90° +180° +270°
- 2EE8BB
Aquamarine
- AAC9FF
≈ Night Snow
- FFABD1
≈ Majin Bū Pink
- FBBC3A
≈ Fall Gold
Contrast & accessibility
Ag
FailOn white
WCAG 1.56:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.37:1 · APCA Lc 78
Best text color: #000000
WCAG 13.37:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--aquamarine: #2ee8bb;
--aquamarine-rgb: 46 232 187;
--aquamarine-oklch: oklch(0.833 0.155 171.2);
}
.element {
color: var(--aquamarine);
background-color: hsl(165 80% 55%);
border-color: oklch(0.833 0.155 171.2);
}Tailwind CSS v4
@theme {
--color-aquamarine: #2ee8bb;
--color-aquamarine-50: #c8fff1;
--color-aquamarine-100: #b2f9e3;
--color-aquamarine-200: #8aeace;
--color-aquamarine-300: #4fd1b0;
--color-aquamarine-400: #00bb92;
--color-aquamarine-500: #00a578;
--color-aquamarine-600: #008b66;
--color-aquamarine-700: #007052;
--color-aquamarine-800: #005239;
--color-aquamarine-900: #003927;
--color-aquamarine-950: #002415;
}SCSS
$aquamarine: #2ee8bb;
$aquamarine-rgb: 46, 232, 187;
$aquamarine-light: mix(#fff, $aquamarine, 20%);
$aquamarine-dark: mix(#000, $aquamarine, 20%);
.element {
color: $aquamarine;
box-shadow: 0 0 0 2px rgba($aquamarine, 0.35);
}