Nearest named color · #00A36C
#00A36C
Nearest named color: Bejewelled
#00A36C (rgb(0 163 108), hsl(160 100% 32%), oklch(0.632 0.142 160.5)) is closest to the named color Bejewelled. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00A36C
oklch(0.632 0.142 160.5)
Color conversions
- HEX
- #00a36c
- RGB
- rgb(0 163 108)
- HSL
- hsl(160 100% 32%)
- HWB
- hwb(160 0% 36%)
- OKLCH
- oklch(0.632 0.142 160.5)
- OKLab
- oklab(0.632 -0.134 0.047)
- CIE Lab
- lab(59.13 -47.64 18.11)
- LCH
- lch(59.13 50.97 159.2)
- CMYK
- cmyk(100% 0% 34% 36%)
Tints · Shades · Tones
Tints
- 3AAC7A
- 57B688
- 6FBF97
- 85C8A5
- 9BD1B4
- AFDBC2
- C3E4D1
- D7EDE0
- EBF6F0
Shades
- 008D5D
- 00784E
- 006340
- 004F32
- 003C25
- 002A19
- 00190D
- 000A04
- 000100
Tones
- 29A06E
- 3C9D70
- 499973
- 549675
- 5D9277
- 668F79
- 6D8B7B
- 74887C
- 7A847E
Color harmonies
Complementary +180°
- 00A36C
Bejewelled
- C164A4
≈ Young Purple
Analogous -30° +30°
- 00A36C
Bejewelled
- 6B9A34
≈ Hidden Valley
- 009E99
≈ Talismanic Teal
Triadic +120° +240°
- 00A36C
Bejewelled
- 7B7DDD
≈ Tanzine
- CF6841
≈ Fresh Acorn
Split-complementary +150° +210°
- 00A36C
Bejewelled
- A46EC9
≈ Rich Lavender
- D06075
≈ Tuna Sashimi
Tetradic +90° +180° +270°
- 00A36C
Bejewelled
- 3D8DDC
≈ Oregon Blue
- C164A4
≈ Young Purple
- BD7900
≈ Cassandra’s Curse
Contrast & accessibility
Ag
FailOn white
WCAG 3.25:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.45:1 · APCA Lc 43
Best text color: #000000
WCAG 6.45:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--bejewelled: #00a36c;
--bejewelled-rgb: 0 163 108;
--bejewelled-oklch: oklch(0.632 0.142 160.5);
}
.element {
color: var(--bejewelled);
background-color: hsl(160 100% 32%);
border-color: oklch(0.632 0.142 160.5);
}Tailwind CSS v4
@theme {
--color-bejewelled: #00a36c;
--color-bejewelled-50: #d2ffe9;
--color-bejewelled-100: #bef7da;
--color-bejewelled-200: #9be8c2;
--color-bejewelled-300: #6dcea2;
--color-bejewelled-400: #3db882;
--color-bejewelled-500: #00a265;
--color-bejewelled-600: #008956;
--color-bejewelled-700: #006d45;
--color-bejewelled-800: #00512f;
--color-bejewelled-900: #003820;
--color-bejewelled-950: #00230f;
}SCSS
$bejewelled: #00a36c;
$bejewelled-rgb: 0, 163, 108;
$bejewelled-light: mix(#fff, $bejewelled, 20%);
$bejewelled-dark: mix(#000, $bejewelled, 20%);
.element {
color: $bejewelled;
box-shadow: 0 0 0 2px rgba($bejewelled, 0.35);
}