最接近的命名颜色 · #46AB91
#46AB91
最接近的命名颜色: Hole in One
#46AB91（rgb(70 171 145)、hsl(165 42% 47%)、oklch(0.674 0.102 173.4)）最接近命名颜色 Hole in One。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#46AB91
oklch(0.674 0.102 173.4)
颜色转换
- HEX
- #46ab91
- RGB
- rgb(70 171 145)
- HSL
- hsl(165 42% 47%)
- HWB
- hwb(165 27% 33%)
- OKLCH
- oklch(0.674 0.102 173.4)
- OKLab
- oklab(0.674 -0.101 0.012)
- CIE Lab
- lab(63.57 -35.57 4.2)
- LCH
- lch(63.57 35.82 173.3)
- CMYK
- cmyk(59% 0% 15% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- 5DB39B
- 71BCA6
- 84C4B1
- 96CDBC
- A8D5C7
- BADDD2
- CBE6DD
- DCEEE8
- EEF7F4
深色调
- 3C947D
- 327E6A
- 286858
- 1E5446
- 154035
- 0D2D25
- 051B15
- 020B07
- 000101
灰色调
- 50A78F
- 58A38E
- 5F9E8C
- 659A8A
- 6B9688
- 709287
- 758D85
- 798983
- 7D8482
配色和谐
互补色 +180°
- 46AB91
Hole in One
- C87C9C
≈ Wild Rose
类似色 -30° +30°
- 46AB91
Hole in One
- 6FA76D
≈ Happy Cricket
- 32A9B3
≈ Tempo
三角配色 +120° +240°
- 46AB91
Hole in One
- 998AD0
≈ Petrified Purple
- C88558
≈ Maple Syrup Brown
分裂互补色 +150° +210°
- 46AB91
Hole in One
- B581BB
≈ African Violet
- CE7D78
≈ Chilli Soda
四角配色 +90° +180° +270°
- 46AB91
Hole in One
- 7696D6
≈ Pannikin
- C87C9C
≈ Wild Rose
- B59147
≈ Venetian Gold
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.49:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--hole-in-one: #46ab91;
--hole-in-one-rgb: 70 171 145;
--hole-in-one-oklch: oklch(0.674 0.102 173.4);
}
.element {
color: var(--hole-in-one);
background-color: hsl(165 42% 47%);
border-color: oklch(0.674 0.102 173.4);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #46ab91;
--color-hole-in-one-50: #d8fff4;
--color-hole-in-one-100: #c5f4e6;
--color-hole-in-one-200: #a6e3d2;
--color-hole-in-one-300: #7dc9b5;
--color-hole-in-one-400: #55b299;
--color-hole-in-one-500: #1d9c80;
--color-hole-in-one-600: #1d846c;
--color-hole-in-one-700: #186957;
--color-hole-in-one-800: #114e3e;
--color-hole-in-one-900: #0b362b;
--color-hole-in-one-950: #002118;
}SCSS
$hole-in-one: #46ab91;
$hole-in-one-rgb: 70, 171, 145;
$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);
}