命名颜色 · #83D1A9
Pharaoh’s Jade
Pharaoh’s Jade 即 #83D1A9：rgb(131 209 169)、hsl(149 46% 67%)、oklch(0.799 0.097 160.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Pharaoh’s Jade color name →
#83D1A9
oklch(0.799 0.097 160.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 90D6B1
- 9DDABA
- AADFC2
- B7E4CB
- C3E8D3
- CFEDDC
- DBF1E5
- E7F6ED
- F3FBF6
深色调
- 71B592
- 609B7C
- 4F8167
- 3F6853
- 2F503F
- 20392C
- 12231B
- 06100A
- 010201
灰色调
- 84C9A5
- 84C0A1
- 85B89D
- 85B099
- 84A894
- 84A090
- 83988C
- 829088
- 818884
配色和谐
互补色 +180°
- 83D1A9
Pharaoh’s Jade
- E8A5D0
≈ Cosmic Pink
类似色 -30° +30°
- 83D1A9
Pharaoh’s Jade
- A8CB88
≈ Gentle Landscape
- 6AD1CC
≈ Hidden Sea Glass
三角配色 +120° +240°
- 83D1A9
Pharaoh’s Jade
- B2B7FB
≈ Purple Illusion
- F3A98D
≈ Salmon Slice
分裂互补色 +150° +210°
- 83D1A9
Pharaoh’s Jade
- D1ACEC
≈ Petal Plush
- F4A4AE
≈ Simple Pink
四角配色 +90° +180° +270°
- 83D1A9
Pharaoh’s Jade
- 8EC2FA
≈ Sail to the Sea
- E8A5D0
≈ Cosmic Pink
- E5B377
≈ High Plateau
对比度与无障碍
Ag
Fail白底
WCAG 1.80:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.65:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.65:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
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);
}