最接近的命名颜色 · #58A98E
#58A98E
最接近的命名颜色: Hole in One
#58A98E（rgb(88 169 142)、hsl(160 32% 50%)、oklch(0.676 0.09 169.6)）最接近命名颜色 Hole in One。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#58A98E
oklch(0.676 0.09 169.6)
颜色转换
- HEX
- #58a98e
- RGB
- rgb(88 169 142)
- HSL
- hsl(160 32% 50%)
- HWB
- hwb(160 35% 34%)
- OKLCH
- oklch(0.676 0.09 169.6)
- OKLab
- oklab(0.676 -0.089 0.016)
- CIE Lab
- lab(63.55 -31 5.94)
- LCH
- lch(63.55 31.56 169.2)
- CMYK
- cmyk(48% 0% 16% 34%)
浅色调 · 深色调 · 灰色调
浅色调
- 6AB299
- 7CBAA4
- 8DC3AF
- 9DCBBA
- AED4C5
- BEDCD0
- CEE5DC
- DFEEE8
- EFF6F3
深色调
- 4B927B
- 3F7C68
- 336756
- 285344
- 1D3F34
- 122C24
- 091B15
- 030A07
- 000101
灰色调
- 5EA58D
- 63A18B
- 689D8A
- 6D9988
- 719587
- 749186
- 788C84
- 7B8883
- 7D8481
配色和谐
互补色 +180°
- 58A98E
Hole in One
- C1809F
≈ Polignac
类似色 -30° +30°
- 58A98E
Hole in One
- 79A56F
≈ Ready Lawn
- 47A8AC
≈ Tidal Teal
三角配色 +120° +240°
- 58A98E
Hole in One
- 958ECB
≈ Adora
- C48664
≈ Toasted Nut
分裂互补色 +150° +210°
- 58A98E
Hole in One
- B085BA
≈ African Violet
- C98080
≈ Prancer
四角配色 +90° +180° +270°
- 58A98E
Hole in One
- 7698CF
≈ Pannikin
- C1809F
≈ Polignac
- B49154
≈ Golden Egg
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--hole-in-one: #58a98e;
--hole-in-one-rgb: 88 169 142;
--hole-in-one-oklch: oklch(0.676 0.09 169.6);
}
.element {
color: var(--hole-in-one);
background-color: hsl(160 32% 50%);
border-color: oklch(0.676 0.09 169.6);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #58a98e;
--color-hole-in-one-50: #dcfef2;
--color-hole-in-one-100: #cbf2e4;
--color-hole-in-one-200: #aee1cf;
--color-hole-in-one-300: #87c7b2;
--color-hole-in-one-400: #64b096;
--color-hole-in-one-500: #3c997d;
--color-hole-in-one-600: #348269;
--color-hole-in-one-700: #2a6854;
--color-hole-in-one-800: #1e4c3c;
--color-hole-in-one-900: #143529;
--color-hole-in-one-950: #052017;
}SCSS
$hole-in-one: #58a98e;
$hole-in-one-rgb: 88, 169, 142;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}