Nearest named color · #00C495
#00C495
Nearest named color: Macau
#00C495 (rgb(0 196 149), hsl(166 100% 38%), oklch(0.728 0.148 167.9)) is closest to the named color Macau. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00C495
oklch(0.728 0.148 167.9)
Color conversions
- HEX
- #00c495
- RGB
- rgb(0 196 149)
- HSL
- hsl(166 100% 38%)
- HWB
- hwb(166 0% 23%)
- OKLCH
- oklch(0.728 0.148 167.9)
- OKLab
- oklab(0.728 -0.144 0.031)
- CIE Lab
- lab(70.45 -51.45 11.54)
- LCH
- lch(70.45 52.73 167.4)
- CMYK
- cmyk(100% 0% 24% 23%)
Tints · Shades · Tones
Tints
- 42CA9F
- 60D0AA
- 79D7B4
- 8EDDBE
- A3E3C9
- B6E8D4
- C9EEDE
- DBF4E9
- EDF9F4
Shades
- 00AA81
- 00916D
- 00785A
- 006148
- 004A37
- 003526
- 002116
- 000E08
- 000201
Tones
- 30BD93
- 43B791
- 51B08F
- 5CA98D
- 64A28B
- 6C9C89
- 729586
- 778E84
- 7C8782
Color harmonies
Complementary +180°
- 00C495
Macau
- E97EB8
≈ Fuchsia Blush
Analogous -30° +30°
- 00C495
Macau
- 77BD5D
≈ Green Pear
- 00BEC3
≈ Maximum Blue Green
Triadic +120° +240°
- 00C495
Macau
- A396FE
≈ Cobalite
- F1874D
≈ Crusta
Split-complementary +150° +210°
- 00C495
Macau
- CD87E3
≈ Blush Essence
- F67D84
≈ Momo Peach
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.25:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.32:1 · APCA Lc 58
Best text color: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--macau: #00c495;
--macau-rgb: 0 196 149;
--macau-oklch: oklch(0.728 0.148 167.9);
}
.element {
color: var(--macau);
background-color: hsl(166 100% 38%);
border-color: oklch(0.728 0.148 167.9);
}Tailwind CSS v4
@theme {
--color-macau: #00c495;
--color-macau-50: #ccffef;
--color-macau-100: #b7f9e0;
--color-macau-200: #91e9ca;
--color-macau-300: #5cd0ac;
--color-macau-400: #0cba8d;
--color-macau-500: #00a473;
--color-macau-600: #008a61;
--color-macau-700: #006f4e;
--color-macau-800: #005236;
--color-macau-900: #003925;
--color-macau-950: #002314;
}SCSS
$macau: #00c495;
$macau-rgb: 0, 196, 149;
$macau-light: mix(#fff, $macau, 20%);
$macau-dark: mix(#000, $macau, 20%);
.element {
color: $macau;
box-shadow: 0 0 0 2px rgba($macau, 0.35);
}