Named color · #92B8A0
Greyed Jade
Greyed Jade is #92B8A0: rgb(146 184 160), hsl(142 21% 65%), oklch(0.748 0.053 157.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Greyed Jade color name →
#92B8A0
oklch(0.748 0.053 157.1)
Color conversions
- HEX
- #92b8a0
- RGB
- rgb(146 184 160)
- HSL
- hsl(142 21% 65%)
- HWB
- hwb(142 57% 28%)
- OKLCH
- oklch(0.748 0.053 157.1)
- OKLab
- oklab(0.748 -0.049 0.021)
- CIE Lab
- lab(71.48 -16.95 7.83)
- LCH
- lch(71.48 18.68 155.2)
- CMYK
- cmyk(21% 0% 13% 28%)
Tints · Shades · Tones
Tints
- 9DBFA9
- A7C6B2
- B2CDBC
- BDD4C5
- C8DBCF
- D3E2D8
- DEE9E2
- E9F1EB
- F4F8F5
Shades
- 7EA08B
- 6B8876
- 587161
- 465B4E
- 35453B
- 253129
- 161E19
- 080C09
- 010201
Tones
- 90B29D
- 8FAD9A
- 8DA796
- 8BA193
- 8A9C90
- 88968D
- 86918A
- 848B86
- 828583
Color harmonies
Complementary +180°
- 92B8A0
Greyed Jade
- C4A1BA
≈ Pretty Lady
Analogous -30° +30°
- 92B8A0
Greyed Jade
- A4B490
≈ Haven
- 87B9B3
≈ Morning Green
Triadic +120° +240°
- 92B8A0
Greyed Jade
- A4ABD0
≈ Mild Blue Yonder
- CCA296
≈ Musk
Split-complementary +150° +210°
- 92B8A0
Greyed Jade
- B6A5C8
≈ Violet Fields
- CCA0A7
≈ Primula
Tetradic +90° +180° +270°
- 92B8A0
Greyed Jade
- 93B1CE
≈ Innocent Blue
- C4A1BA
≈ Pretty Lady
- C5A78A
≈ Beige Intenso
Contrast & accessibility
Ag
FailOn white
WCAG 2.19:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.58:1 · APCA Lc 59
Best text color: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--greyed-jade: #92b8a0;
--greyed-jade-rgb: 146 184 160;
--greyed-jade-oklch: oklch(0.748 0.053 157.1);
}
.element {
color: var(--greyed-jade);
background-color: hsl(142 21% 65%);
border-color: oklch(0.748 0.053 157.1);
}Tailwind CSS v4
@theme {
--color-greyed-jade: #92b8a0;
--color-greyed-jade-50: #e9faf0;
--color-greyed-jade-100: #daeee1;
--color-greyed-jade-200: #c2dccc;
--color-greyed-jade-300: #a1c0ae;
--color-greyed-jade-400: #85a892;
--color-greyed-jade-500: #699178;
--color-greyed-jade-600: #597b66;
--color-greyed-jade-700: #476251;
--color-greyed-jade-800: #34483a;
--color-greyed-jade-900: #233228;
--color-greyed-jade-950: #121e16;
}SCSS
$greyed-jade: #92b8a0;
$greyed-jade-rgb: 146, 184, 160;
$greyed-jade-light: mix(#fff, $greyed-jade, 20%);
$greyed-jade-dark: mix(#000, $greyed-jade, 20%);
.element {
color: $greyed-jade;
box-shadow: 0 0 0 2px rgba($greyed-jade, 0.35);
}