Nearest named color · #00A679
#00A679
Nearest named color: Cosmic Green
#00A679 (rgb(0 166 121), hsl(164 100% 33%), oklch(0.643 0.134 165.5)) is closest to the named color Cosmic Green. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00A679
oklch(0.643 0.134 165.5)
Color conversions
- HEX
- #00a679
- RGB
- rgb(0 166 121)
- HSL
- hsl(164 100% 33%)
- HWB
- hwb(164 0% 35%)
- OKLCH
- oklch(0.643 0.134 165.5)
- OKLab
- oklab(0.643 -0.13 0.034)
- CIE Lab
- lab(60.33 -46.36 12.67)
- LCH
- lch(60.33 48.06 164.7)
- CMYK
- cmyk(100% 0% 27% 35%)
Tints · Shades · Tones
Tints
- 3BAF86
- 58B893
- 70C1A0
- 86CAAD
- 9CD3BA
- B0DCC8
- C4E5D5
- D8EDE3
- EBF6F1
Shades
- 009068
- 007A58
- 006548
- 005139
- 003E2B
- 002B1D
- 001A10
- 000A05
- 000101
Tones
- 2AA27A
- 3D9F7B
- 4A9B7B
- 55977C
- 5E947D
- 66907D
- 6E8C7E
- 74887F
- 7A847F
Color harmonies
Complementary +180°
- 00A679
Cosmic Green
- C5699F
≈ Nocturnal Rose
Analogous -30° +30°
- 00A679
Cosmic Green
- 679F47
≈ Parisian Green
- 00A1A2
≈ Pleasant Stream
Triadic +120° +240°
- 00A679
Cosmic Green
- 867FDA
≈ Indigo Bloom
- CE6F41
≈ Hot Caramel
Split-complementary +150° +210°
- 00A679
Cosmic Green
- AC72C4
≈ Lavendless
- D16772
≈ Lipstick Illusion
Tetradic +90° +180° +270°
- 00A679
Cosmic Green
- 518EDD
≈ Olympic Blue
- C5699F
≈ Nocturnal Rose
- BB7F05
≈ Guo Tie Dumpling
Contrast & accessibility
Ag
FailOn white
WCAG 3.12:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.73:1 · APCA Lc 44
Best text color: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--cosmic-green: #00a679;
--cosmic-green-rgb: 0 166 121;
--cosmic-green-oklch: oklch(0.643 0.134 165.5);
}
.element {
color: var(--cosmic-green);
background-color: hsl(164 100% 33%);
border-color: oklch(0.643 0.134 165.5);
}Tailwind CSS v4
@theme {
--color-cosmic-green: #00a679;
--color-cosmic-green-50: #d1ffed;
--color-cosmic-green-100: #bdf7df;
--color-cosmic-green-200: #9ae7c9;
--color-cosmic-green-300: #6bceaa;
--color-cosmic-green-400: #3ab78b;
--color-cosmic-green-500: #00a170;
--color-cosmic-green-600: #00885f;
--color-cosmic-green-700: #006d4c;
--color-cosmic-green-800: #005035;
--color-cosmic-green-900: #003824;
--color-cosmic-green-950: #002213;
}SCSS
$cosmic-green: #00a679;
$cosmic-green-rgb: 0, 166, 121;
$cosmic-green-light: mix(#fff, $cosmic-green, 20%);
$cosmic-green-dark: mix(#000, $cosmic-green, 20%);
.element {
color: $cosmic-green;
box-shadow: 0 0 0 2px rgba($cosmic-green, 0.35);
}