Nearest named color · #AAE8E1
#AAE8E1
Nearest named color: Sea Glass Teal
#AAE8E1 (rgb(170 232 225), hsl(173 57% 79%), oklch(0.887 0.063 187.4)) is closest to the named color Sea Glass Teal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AAE8E1
oklch(0.887 0.063 187.4)
Color conversions
- HEX
- #aae8e1
- RGB
- rgb(170 232 225)
- HSL
- hsl(173 57% 79%)
- HWB
- hwb(173 67% 9%)
- OKLCH
- oklch(0.887 0.063 187.4)
- OKLab
- oklab(0.887 -0.063 -0.008)
- CIE Lab
- lab(87.66 -21.42 -3.26)
- LCH
- lch(87.66 21.66 188.7)
- CMYK
- cmyk(27% 0% 3% 9%)
Tints · Shades · Tones
Tints
- B3EAE4
- BCEDE7
- C5EFEA
- CDF1ED
- D6F4F0
- DEF6F3
- E6F8F6
- EFFBF9
- F7FDFC
Shades
- 93CAC4
- 7DACA7
- 68908B
- 537470
- 3F5956
- 2D403E
- 1B2927
- 0B1312
- 010302
Tones
- A6DDD7
- A2D2CD
- 9EC8C3
- 9ABDB9
- 96B3AF
- 92A8A6
- 8E9E9C
- 899493
- 858A89
Color harmonies
Complementary +180°
- AAE8E1
Sea Glass Teal
- FFCAD2
≈ Sweet Sixteen
Analogous -30° +30°
- AAE8E1
Sea Glass Teal
- B8E7CA
≈ Canton Jade
- ABE5F6
≈ Uranus
Triadic +120° +240°
- AAE8E1
Sea Glass Teal
- E5CFFB
≈ Mousse aux Pruneaux
- F7D3AE
≈ Ice Cream Parlour
Split-complementary +150° +210°
- AAE8E1
Sea Glass Teal
- F6CAE9
≈ Classic Rose
- FFCDBD
≈ Piggy Bank
Tetradic +90° +180° +270°
- AAE8E1
Sea Glass Teal
- D0D7FF
≈ Pale Phthalo Blue
- FFCAD2
≈ Sweet Sixteen
- E5DBAB
≈ Virgin Olive Oil
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.33:1 · APCA Lc 86
Best text color: #000000
WCAG 15.33:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--sea-glass-teal: #aae8e1;
--sea-glass-teal-rgb: 170 232 225;
--sea-glass-teal-oklch: oklch(0.887 0.063 187.4);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(173 57% 79%);
border-color: oklch(0.887 0.063 187.4);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #aae8e1;
--color-sea-glass-teal-50: #e2fbf9;
--color-sea-glass-teal-100: #d1efec;
--color-sea-glass-teal-200: #b6ddda;
--color-sea-glass-teal-300: #92c2be;
--color-sea-glass-teal-400: #72aba5;
--color-sea-glass-teal-500: #51948d;
--color-sea-glass-teal-600: #457d78;
--color-sea-glass-teal-700: #376460;
--color-sea-glass-teal-800: #274a45;
--color-sea-glass-teal-900: #1a3330;
--color-sea-glass-teal-950: #0a1f1c;
}SCSS
$sea-glass-teal: #aae8e1;
$sea-glass-teal-rgb: 170, 232, 225;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}