Nearest named color · #3B8183
#3B8183
Nearest named color: Jade Jewel
#3B8183 (rgb(59 129 131), hsl(182 38% 37%), oklch(0.559 0.07 197.9)) is closest to the named color Jade Jewel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3B8183
oklch(0.559 0.07 197.9)
Color conversions
- HEX
- #3b8183
- RGB
- rgb(59 129 131)
- HSL
- hsl(182 38% 37%)
- HWB
- hwb(182 23% 49%)
- OKLCH
- oklch(0.559 0.07 197.9)
- OKLab
- oklab(0.559 -0.067 -0.022)
- CIE Lab
- lab(49.6 -22.44 -8.18)
- LCH
- lch(49.6 23.88 200)
- CMYK
- cmyk(55% 2% 0% 49%)
Tints · Shades · Tones
Tints
- 508D8F
- 64999B
- 78A6A7
- 8BB2B3
- 9EBFBF
- B1CBCC
- C4D8D8
- D8E5E5
- EBF2F2
Shades
- 326F71
- 295E60
- 214E4F
- 193E3F
- 112E2F
- 091F20
- 041212
- 010606
- 000101
Tones
- 448183
- 4D8182
- 548182
- 5B8182
- 628182
- 698181
- 6F8181
- 758081
- 7A8080
Color harmonies
Complementary +180°
- 3B8183
Jade Jewel
- 996365
≈ Copper Rose
Analogous -30° +30°
- 3B8183
Jade Jewel
- 48826C
≈ Shǔi Cǎo Lǜ Green
- 447D95
≈ Aristocratic
Triadic +120° +240°
- 3B8183
Jade Jewel
- 86678F
≈ Poetry Mauve
- 8B6F43
≈ Nutty Brown
Split-complementary +150° +210°
- 3B8183
Jade Jewel
- 93637C
≈ Forest Berry
- 976850
≈ Old Driftwood
Tetradic +90° +180° +270°
- 3B8183
Jade Jewel
- 726E9C
≈ Thirsty Thursday
- 996365
≈ Copper Rose
- 787846
≈ Verdant Views
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 31
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--jade-jewel: #3b8183;
--jade-jewel-rgb: 59 129 131;
--jade-jewel-oklch: oklch(0.559 0.07 197.9);
}
.element {
color: var(--jade-jewel);
background-color: hsl(182 38% 37%);
border-color: oklch(0.559 0.07 197.9);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #3b8183;
--color-jade-jewel-50: #dffcfd;
--color-jade-jewel-100: #cef0f1;
--color-jade-jewel-200: #b2dee0;
--color-jade-jewel-300: #8dc3c5;
--color-jade-jewel-400: #6aacad;
--color-jade-jewel-500: #469597;
--color-jade-jewel-600: #3c7e7f;
--color-jade-jewel-700: #306566;
--color-jade-jewel-800: #214a4a;
--color-jade-jewel-900: #163333;
--color-jade-jewel-950: #071f1f;
}SCSS
$jade-jewel: #3b8183;
$jade-jewel-rgb: 59, 129, 131;
$jade-jewel-light: mix(#fff, $jade-jewel, 20%);
$jade-jewel-dark: mix(#000, $jade-jewel, 20%);
.element {
color: $jade-jewel;
box-shadow: 0 0 0 2px rgba($jade-jewel, 0.35);
}