最接近的命名颜色 · #2CAD97
#2CAD97
最接近的命名颜色: Hole in One
#2CAD97（rgb(44 173 151)、hsl(170 59% 43%)、oklch(0.674 0.113 178.4)）最接近命名颜色 Hole in One。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2CAD97
oklch(0.674 0.113 178.4)
颜色转换
- HEX
- #2cad97
- RGB
- rgb(44 173 151)
- HSL
- hsl(170 59% 43%)
- HWB
- hwb(170 17% 32%)
- OKLCH
- oklch(0.674 0.113 178.4)
- OKLab
- oklab(0.674 -0.113 0.003)
- CIE Lab
- lab(63.67 -39.64 0.93)
- LCH
- lch(63.67 39.65 178.7)
- CMYK
- cmyk(75% 0% 13% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- 4CB5A1
- 65BEAB
- 7BC6B5
- 8FCEBF
- A2D6CA
- B5DED4
- C8E7DF
- DAEFE9
- EDF7F4
深色调
- 259683
- 1E7F6F
- 176A5C
- 115549
- 0A4137
- 052D26
- 021B17
- 010B08
- 000101
灰色调
- 3EA995
- 4BA492
- 55A090
- 5D9B8E
- 65978B
- 6C9289
- 718E87
- 778985
- 7C8582
配色和谐
互补色 +180°
- 2CAD97
Hole in One
- CE7896
≈ Devilish Diva
类似色 -30° +30°
- 2CAD97
Hole in One
- 62AA6F
≈ Happy Cricket
- 15A9BB
≈ Kentucky Bluegrass
三角配色 +120° +240°
- 2CAD97
Hole in One
- A087D3
≈ Middy’s Purple
- CA844B
≈ Sticky Toffee
分裂互补色 +150° +210°
- 2CAD97
Hole in One
- BC7DB9
≈ Colombo Red Mauve
- D37A6F
≈ Bite My Tongue
四角配色 +90° +180° +270°
- 2CAD97
Hole in One
- 7993DD
≈ Little Boy Blue
- CE7896
≈ Devilish Diva
- B39239
≈ Balsam Pear
对比度与无障碍
Ag
Fail白底
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.53:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.53:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--hole-in-one: #2cad97;
--hole-in-one-rgb: 44 173 151;
--hole-in-one-oklch: oklch(0.674 0.113 178.4);
}
.element {
color: var(--hole-in-one);
background-color: hsl(170 59% 43%);
border-color: oklch(0.674 0.113 178.4);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #2cad97;
--color-hole-in-one-50: #d3fff6;
--color-hole-in-one-100: #bff5e9;
--color-hole-in-one-200: #9ee5d6;
--color-hole-in-one-300: #71cbba;
--color-hole-in-one-400: #41b49f;
--color-hole-in-one-500: #009e87;
--color-hole-in-one-600: #008572;
--color-hole-in-one-700: #006b5b;
--color-hole-in-one-800: #004f41;
--color-hole-in-one-900: #00372d;
--color-hole-in-one-950: #00221a;
}SCSS
$hole-in-one: #2cad97;
$hole-in-one-rgb: 44, 173, 151;
$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);
}