最接近的命名颜色 · #5F926C
#5F926C
最接近的命名颜色: Paying Mantis
#5F926C（rgb(95 146 108)、hsl(135 21% 47%)、oklch(0.613 0.08 151.6)）最接近命名颜色 Paying Mantis。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5F926C
oklch(0.613 0.08 151.6)
颜色转换
- HEX
- #5f926c
- RGB
- rgb(95 146 108)
- HSL
- hsl(135 21% 47%)
- HWB
- hwb(135 37% 43%)
- OKLCH
- oklch(0.613 0.08 151.6)
- OKLab
- oklab(0.613 -0.07 0.038)
- CIE Lab
- lab(56.15 -24.15 14.58)
- LCH
- lch(56.15 28.21 148.9)
- CMYK
- cmyk(35% 0% 26% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 6F9D7A
- 7FA788
- 8EB296
- 9EBDA5
- AEC8B3
- BED3C2
- CEDED1
- DEE9E0
- EEF4F0
深色调
- 527E5D
- 446B4E
- 385840
- 2C4632
- 203525
- 152519
- 0A160D
- 030804
- 000100
灰色调
- 63906E
- 678F70
- 6A8D72
- 6E8B74
- 718976
- 748878
- 77867A
- 7A847C
- 7D827E
配色和谐
互补色 +180°
- 5F926C
Paying Mantis
- A0729A
≈ Drama Queen
类似色 -30° +30°
- 5F926C
Paying Mantis
- 7C8C55
≈ Scarabœus Nobilis
- 469487
≈ Lochinvar
三角配色 +120° +240°
- 5F926C
Paying Mantis
- 7381B4
≈ Venture Violet
- AF7266
≈ New England Brick
分裂互补色 +150° +210°
- 5F926C
Paying Mantis
- 8C79AC
≈ Gentian
- AC7081
≈ Shade of Mauve
四角配色 +90° +180° +270°
- 5F926C
Paying Mantis
- 578AB0
≈ Alpha Blue
- A0729A
≈ Drama Queen
- A77951
≈ Apple Cinnamon
对比度与无障碍
Ag
Fail白底
WCAG 3.61:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.81:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--paying-mantis: #5f926c;
--paying-mantis-rgb: 95 146 108;
--paying-mantis-oklch: oklch(0.613 0.08 151.6);
}
.element {
color: var(--paying-mantis);
background-color: hsl(135 21% 47%);
border-color: oklch(0.613 0.08 151.6);
}Tailwind CSS v4
@theme {
--color-paying-mantis: #5f926c;
--color-paying-mantis-50: #e5fceb;
--color-paying-mantis-100: #d5f0dc;
--color-paying-mantis-200: #bbdfc5;
--color-paying-mantis-300: #99c4a5;
--color-paying-mantis-400: #7bac87;
--color-paying-mantis-500: #5c956b;
--color-paying-mantis-600: #4f7e5b;
--color-paying-mantis-700: #3f6549;
--color-paying-mantis-800: #2e4a33;
--color-paying-mantis-900: #1f3323;
--color-paying-mantis-950: #0f1f12;
}SCSS
$paying-mantis: #5f926c;
$paying-mantis-rgb: 95, 146, 108;
$paying-mantis-light: mix(#fff, $paying-mantis, 20%);
$paying-mantis-dark: mix(#000, $paying-mantis, 20%);
.element {
color: $paying-mantis;
box-shadow: 0 0 0 2px rgba($paying-mantis, 0.35);
}