Nearest named color · #79B7AE
#79B7AE
Nearest named color: Mintnight
#79B7AE (rgb(121 183 174), hsl(171 30% 60%), oklch(0.735 0.065 184.5)) is closest to the named color Mintnight. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#79B7AE
oklch(0.735 0.065 184.5)
Color conversions
- HEX
- #79b7ae
- RGB
- rgb(121 183 174)
- HSL
- hsl(171 30% 60%)
- HWB
- hwb(171 47% 28%)
- OKLCH
- oklch(0.735 0.065 184.5)
- OKLab
- oklab(0.735 -0.065 -0.005)
- CIE Lab
- lab(70.01 -22.31 -2.1)
- LCH
- lch(70.01 22.41 185.4)
- CMYK
- cmyk(34% 0% 5% 28%)
Tints · Shades · Tones
Tints
- 87BEB6
- 95C5BE
- A2CCC6
- AFD4CE
- BDDBD6
- CAE2DE
- D7E9E6
- E4F0EE
- F2F8F7
Shades
- 689F97
- 588780
- 48706A
- 395A55
- 2B4541
- 1D312E
- 101E1C
- 050C0B
- 010201
Tones
- 7BB1A9
- 7CACA5
- 7DA6A0
- 7EA19B
- 7F9B97
- 7F9692
- 80908E
- 808B89
- 808584
Color harmonies
Complementary +180°
- 79B7AE
Mintnight
- CE98A4
≈ Cooing Doves
Analogous -30° +30°
- 79B7AE
Mintnight
- 89B697
≈ Garden View
- 78B4C3
≈ Tennis Blue
Triadic +120° +240°
- 79B7AE
Mintnight
- B29FCB
≈ Purple Rose
- C7A17E
≈ Rodeo Dust
Split-complementary +150° +210°
- 79B7AE
Mintnight
- C49ABA
≈ Morning Glory Pink
- CF9B8E
≈ Nectarine Spice
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.19:1 · APCA Lc 57
Best text color: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--mintnight: #79b7ae;
--mintnight-rgb: 121 183 174;
--mintnight-oklch: oklch(0.735 0.065 184.5);
}
.element {
color: var(--mintnight);
background-color: hsl(171 30% 60%);
border-color: oklch(0.735 0.065 184.5);
}Tailwind CSS v4
@theme {
--color-mintnight: #79b7ae;
--color-mintnight-50: #e1fcf8;
--color-mintnight-100: #d1efeb;
--color-mintnight-200: #b6ded8;
--color-mintnight-300: #92c3bd;
--color-mintnight-400: #71aba3;
--color-mintnight-500: #4f948b;
--color-mintnight-600: #447e76;
--color-mintnight-700: #36655e;
--color-mintnight-800: #264a44;
--color-mintnight-900: #1a332f;
--color-mintnight-950: #0a1f1c;
}SCSS
$mintnight: #79b7ae;
$mintnight-rgb: 121, 183, 174;
$mintnight-light: mix(#fff, $mintnight, 20%);
$mintnight-dark: mix(#000, $mintnight, 20%);
.element {
color: $mintnight;
box-shadow: 0 0 0 2px rgba($mintnight, 0.35);
}