Named color · #83D1A9
Pharaoh’s Jade
Pharaoh’s Jade is #83D1A9: rgb(131 209 169), hsl(149 46% 67%), oklch(0.799 0.097 160.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Pharaoh’s Jade color name →
#83D1A9
oklch(0.799 0.097 160.8)
Color conversions
- HEX
- #83d1a9
- RGB
- rgb(131 209 169)
- HSL
- hsl(149 46% 67%)
- HWB
- hwb(149 51% 18%)
- OKLCH
- oklch(0.799 0.097 160.8)
- OKLab
- oklab(0.799 -0.091 0.032)
- CIE Lab
- lab(77.97 -31.75 11.98)
- LCH
- lch(77.97 33.93 159.3)
- CMYK
- cmyk(37% 0% 19% 18%)
Tints · Shades · Tones
Tints
- 90D6B1
- 9DDABA
- AADFC2
- B7E4CB
- C3E8D3
- CFEDDC
- DBF1E5
- E7F6ED
- F3FBF6
Shades
- 71B592
- 609B7C
- 4F8167
- 3F6853
- 2F503F
- 20392C
- 12231B
- 06100A
- 010201
Tones
- 84C9A5
- 84C0A1
- 85B89D
- 85B099
- 84A894
- 84A090
- 83988C
- 829088
- 818884
Color harmonies
Complementary +180°
- 83D1A9
Pharaoh’s Jade
- E8A5D0
≈ Cosmic Pink
Analogous -30° +30°
- 83D1A9
Pharaoh’s Jade
- A8CB88
≈ Gentle Landscape
- 6AD1CC
≈ Hidden Sea Glass
Triadic +120° +240°
- 83D1A9
Pharaoh’s Jade
- B2B7FB
≈ Purple Illusion
- F3A98D
≈ Salmon Slice
Split-complementary +150° +210°
- 83D1A9
Pharaoh’s Jade
- D1ACEC
≈ Petal Plush
- F4A4AE
≈ Simple Pink
Tetradic +90° +180° +270°
- 83D1A9
Pharaoh’s Jade
- 8EC2FA
≈ Sail to the Sea
- E8A5D0
≈ Cosmic Pink
- E5B377
≈ High Plateau
Contrast & accessibility
Ag
FailOn white
WCAG 1.80:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.65:1 · APCA Lc 69
Best text color: #000000
WCAG 11.65:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--pharaoh-s-jade: #83d1a9;
--pharaoh-s-jade-rgb: 131 209 169;
--pharaoh-s-jade-oklch: oklch(0.799 0.097 160.8);
}
.element {
color: var(--pharaoh-s-jade);
background-color: hsl(149 46% 67%);
border-color: oklch(0.799 0.097 160.8);
}Tailwind CSS v4
@theme {
--color-pharaoh-s-jade: #83d1a9;
--color-pharaoh-s-jade-50: #ddfeed;
--color-pharaoh-s-jade-100: #ccf3df;
--color-pharaoh-s-jade-200: #afe2c8;
--color-pharaoh-s-jade-300: #89c7a9;
--color-pharaoh-s-jade-400: #68b08c;
--color-pharaoh-s-jade-500: #419a71;
--color-pharaoh-s-jade-600: #398260;
--color-pharaoh-s-jade-700: #2d684c;
--color-pharaoh-s-jade-800: #214c36;
--color-pharaoh-s-jade-900: #163525;
--color-pharaoh-s-jade-950: #062013;
}SCSS
$pharaoh-s-jade: #83d1a9;
$pharaoh-s-jade-rgb: 131, 209, 169;
$pharaoh-s-jade-light: mix(#fff, $pharaoh-s-jade, 20%);
$pharaoh-s-jade-dark: mix(#000, $pharaoh-s-jade, 20%);
.element {
color: $pharaoh-s-jade;
box-shadow: 0 0 0 2px rgba($pharaoh-s-jade, 0.35);
}