Nearest named color · #248385
#248385
Nearest named color: Jade Jewel
#248385 (rgb(36 131 133), hsl(181 57% 33%), oklch(0.558 0.085 197.1)) is closest to the named color Jade Jewel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#248385
oklch(0.558 0.085 197.1)
Color conversions
- HEX
- #248385
- RGB
- rgb(36 131 133)
- HSL
- hsl(181 57% 33%)
- HWB
- hwb(181 14% 48%)
- OKLCH
- oklch(0.558 0.085 197.1)
- OKLab
- oklab(0.558 -0.081 -0.025)
- CIE Lab
- lab(49.6 -27.26 -9.44)
- LCH
- lch(49.6 28.84 199.1)
- CMYK
- cmyk(73% 2% 0% 48%)
Tints · Shades · Tones
Tints
- 418F91
- 599B9C
- 6FA7A8
- 84B4B4
- 98C0C0
- ADCCCD
- C1D9D9
- D6E6E6
- EAF2F2
Shades
- 1E7173
- 186061
- 124F50
- 0C3F40
- 072F30
- 042021
- 021213
- 000606
- 000101
Tones
- 348385
- 408384
- 4A8384
- 548283
- 5C8283
- 648282
- 6B8182
- 738181
- 798181
Color harmonies
Complementary +180°
- 248385
Jade Jewel
- A05F62
≈ Pizza Pie
Analogous -30° +30°
- 248385
Jade Jewel
- 3B8469
≈ Mythical Forest
- 347E9A
≈ Greenland Blue
Triadic +120° +240°
- 248385
Jade Jewel
- 886495
≈ Dark Lavender
- 906D36
≈ Mango Squash
Split-complementary +150° +210°
- 248385
Jade Jewel
- 985F7D
≈ Rose Wine
- 9D6447
≈ Antique Copper
Tetradic +90° +180° +270°
- 248385
Jade Jewel
- 716CA3
≈ Inner Journey
- A05F62
≈ Pizza Pie
- 797739
≈ Evening Green
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--jade-jewel: #248385;
--jade-jewel-rgb: 36 131 133;
--jade-jewel-oklch: oklch(0.558 0.085 197.1);
}
.element {
color: var(--jade-jewel);
background-color: hsl(181 57% 33%);
border-color: oklch(0.558 0.085 197.1);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #248385;
--color-jade-jewel-50: #dafdfe;
--color-jade-jewel-100: #c8f1f3;
--color-jade-jewel-200: #aae0e2;
--color-jade-jewel-300: #82c5c8;
--color-jade-jewel-400: #5caeb0;
--color-jade-jewel-500: #2d9799;
--color-jade-jewel-600: #298082;
--color-jade-jewel-700: #216668;
--color-jade-jewel-800: #164b4b;
--color-jade-jewel-900: #0e3434;
--color-jade-jewel-950: #012020;
}SCSS
$jade-jewel: #248385;
$jade-jewel-rgb: 36, 131, 133;
$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);
}