Nearest named color · #32AC9D
#32AC9D
Nearest named color: Waterfall
#32AC9D (rgb(50 172 157), hsl(173 55% 44%), oklch(0.675 0.107 183.1)) is closest to the named color Waterfall. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#32AC9D
oklch(0.675 0.107 183.1)
Color conversions
- HEX
- #32ac9d
- RGB
- rgb(50 172 157)
- HSL
- hsl(173 55% 44%)
- HWB
- hwb(173 20% 33%)
- OKLCH
- oklch(0.675 0.107 183.1)
- OKLab
- oklab(0.675 -0.107 -0.006)
- CIE Lab
- lab(63.61 -37.16 -2.45)
- LCH
- lch(63.61 37.24 183.8)
- CMYK
- cmyk(71% 0% 9% 33%)
Tints · Shades · Tones
Tints
- 50B4A6
- 67BDB0
- 7CC5B9
- 90CDC3
- A3D6CD
- B6DED7
- C9E6E1
- DBEFEB
- EDF7F5
Shades
- 2A9588
- 227F73
- 1B695F
- 14544C
- 0D403A
- 072D28
- 031B18
- 010B09
- 000101
Tones
- 42A89A
- 4DA397
- 579F94
- 5F9B91
- 66968E
- 6C928B
- 728E89
- 778986
- 7C8583
Color harmonies
Complementary +180°
- 32AC9D
Waterfall
- CD7A90
≈ Devilish Diva
Analogous -30° +30°
- 32AC9D
Waterfall
- 5FAA77
≈ Aqua Forest
- 2EA8BE
≈ Gulf Waters
Triadic +120° +240°
- 32AC9D
Waterfall
- A486CD
≈ Lilac Purple
- C5874C
≈ Tassel
Split-complementary +150° +210°
- 32AC9D
Waterfall
- BE7DB3
≈ Colombo Red Mauve
- D07D6B
≈ Fire Chalk
Tetradic +90° +180° +270°
- 32AC9D
Waterfall
- 8192D9
≈ Mystic Iris
- CD7A90
≈ Devilish Diva
- AD9541
≈ Semi Opal
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.52:1 · APCA Lc 48
Best text color: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--waterfall: #32ac9d;
--waterfall-rgb: 50 172 157;
--waterfall-oklch: oklch(0.675 0.107 183.1);
}
.element {
color: var(--waterfall);
background-color: hsl(173 55% 44%);
border-color: oklch(0.675 0.107 183.1);
}Tailwind CSS v4
@theme {
--color-waterfall: #32ac9d;
--color-waterfall-50: #d4fff9;
--color-waterfall-100: #c1f4ec;
--color-waterfall-200: #a0e4da;
--color-waterfall-300: #73cabf;
--color-waterfall-400: #45b3a4;
--color-waterfall-500: #009d8d;
--color-waterfall-600: #008477;
--color-waterfall-700: #006a5f;
--color-waterfall-800: #004e44;
--color-waterfall-900: #01362f;
--color-waterfall-950: #00211c;
}SCSS
$waterfall: #32ac9d;
$waterfall-rgb: 50, 172, 157;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}