最接近的命名颜色 · #60C070
#60C070
最接近的命名颜色: Bermudagrass
#60C070（rgb(96 192 112)、hsl(130 43% 56%)、oklch(0.729 0.146 147.5)）最接近命名颜色 Bermudagrass。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#60C070
oklch(0.729 0.146 147.5)
颜色转换
- HEX
- #60c070
- RGB
- rgb(96 192 112)
- HSL
- hsl(130 43% 56%)
- HWB
- hwb(130 38% 25%)
- OKLCH
- oklch(0.729 0.146 147.5)
- OKLab
- oklab(0.729 -0.123 0.079)
- CIE Lab
- lab(70.44 -42.58 31.25)
- LCH
- lch(70.44 52.82 143.7)
- CMYK
- cmyk(50% 0% 42% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 72C77F
- 83CD8D
- 94D49B
- A3DAA9
- B3E0B7
- C2E7C6
- D2EDD4
- E1F3E2
- F0F9F1
深色调
- 52A760
- 458E51
- 387643
- 2C5F35
- 204927
- 15341A
- 0A200E
- 030E04
- 000201
灰色调
- 65BA72
- 6AB375
- 6EAD77
- 72A778
- 75A07A
- 789A7B
- 7B937D
- 7D8D7E
- 7E877F
配色和谐
互补色 +180°
- 60C070
Bermudagrass
- D884D6
≈ Blush Essence
类似色 -30° +30°
- 60C070
Bermudagrass
- A1B338
≈ Vintage Chartreuse
- 00C2A7
≈ Turquoise
三角配色 +120° +240°
- 60C070
Bermudagrass
- 81A3FF
≈ Fennel Flower
- F68073
≈ Smoked Salmon
分裂互补色 +150° +210°
- 60C070
Bermudagrass
- B292F7
≈ Liliac
- EF7DA8
≈ Pink Carnation
四角配色 +90° +180° +270°
- 60C070
Bermudagrass
- 31B3F8
≈ Blue Bolt
- D884D6
≈ Blush Essence
- EB8D3E
≈ California
对比度与无障碍
Ag
Fail白底
WCAG 2.26:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.27:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--bermudagrass: #60c070;
--bermudagrass-rgb: 96 192 112;
--bermudagrass-oklch: oklch(0.729 0.146 147.5);
}
.element {
color: var(--bermudagrass);
background-color: hsl(130 43% 56%);
border-color: oklch(0.729 0.146 147.5);
}Tailwind CSS v4
@theme {
--color-bermudagrass: #60c070;
--color-bermudagrass-50: #d9ffdf;
--color-bermudagrass-100: #c6f6ce;
--color-bermudagrass-200: #a8e6b3;
--color-bermudagrass-300: #7fcc8f;
--color-bermudagrass-400: #5bb56a;
--color-bermudagrass-500: #2c9f48;
--color-bermudagrass-600: #28873e;
--color-bermudagrass-700: #206c31;
--color-bermudagrass-800: #194f20;
--color-bermudagrass-900: #113715;
--color-bermudagrass-950: #032206;
}SCSS
$bermudagrass: #60c070;
$bermudagrass-rgb: 96, 192, 112;
$bermudagrass-light: mix(#fff, $bermudagrass, 20%);
$bermudagrass-dark: mix(#000, $bermudagrass, 20%);
.element {
color: $bermudagrass;
box-shadow: 0 0 0 2px rgba($bermudagrass, 0.35);
}