最接近的命名颜色 · #6DBC88
#6DBC88
最接近的命名颜色: Frog Pond
#6DBC88（rgb(109 188 136)、hsl(141 37% 58%)、oklch(0.73 0.109 154)）最接近命名颜色 Frog Pond。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6DBC88
oklch(0.73 0.109 154)
颜色转换
- HEX
- #6dbc88
- RGB
- rgb(109 188 136)
- HSL
- hsl(141 37% 58%)
- HWB
- hwb(141 43% 26%)
- OKLCH
- oklch(0.73 0.109 154)
- OKLab
- oklab(0.73 -0.098 0.048)
- CIE Lab
- lab(70.14 -34.15 18.48)
- LCH
- lch(70.14 38.83 151.6)
- CMYK
- cmyk(42% 0% 28% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- 7DC394
- 8CCA9F
- 9BD0AB
- A9D7B7
- B8DEC3
- C6E4CE
- D4EBDA
- E3F2E7
- F1F8F3
深色调
- 5EA375
- 4F8B63
- 417352
- 335D41
- 264731
- 193222
- 0D1F13
- 040D06
- 010201
灰色调
- 70B687
- 73B087
- 76AA86
- 78A485
- 7A9E85
- 7C9884
- 7D9283
- 7E8C82
- 7F8681
配色和谐
互补色 +180°
- 6DBC88
Frog Pond
- D28DC4
≈ Cyclamen
类似色 -30° +30°
- 6DBC88
Frog Pond
- 99B364
≈ Light Birch Green
- 44BEAF
≈ Emerald Bliss
三角配色 +120° +240°
- 6DBC88
Frog Pond
- 92A2ED
≈ Cold Lips
- E48E7A
≈ Nude Flamingo
分裂互补色 +150° +210°
- 6DBC88
Frog Pond
- B796E0
≈ Dreamy Candy Forest
- E18AA0
≈ Reflecting Rose
四角配色 +90° +180° +270°
- 6DBC88
Frog Pond
- 68AFE8
≈ Sanctuary Spa
- D28DC4
≈ Cyclamen
- D8985B
≈ Bakelite Gold
对比度与无障碍
Ag
Fail白底
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.19:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--frog-pond: #6dbc88;
--frog-pond-rgb: 109 188 136;
--frog-pond-oklch: oklch(0.73 0.109 154);
}
.element {
color: var(--frog-pond);
background-color: hsl(141 37% 58%);
border-color: oklch(0.73 0.109 154);
}Tailwind CSS v4
@theme {
--color-frog-pond: #6dbc88;
--color-frog-pond-50: #ddffe8;
--color-frog-pond-100: #ccf3d9;
--color-frog-pond-200: #afe3c1;
--color-frog-pond-300: #89c9a0;
--color-frog-pond-400: #67b181;
--color-frog-pond-500: #419b64;
--color-frog-pond-600: #388355;
--color-frog-pond-700: #2d6944;
--color-frog-pond-800: #214d2f;
--color-frog-pond-900: #163620;
--color-frog-pond-950: #07210f;
}SCSS
$frog-pond: #6dbc88;
$frog-pond-rgb: 109, 188, 136;
$frog-pond-light: mix(#fff, $frog-pond, 20%);
$frog-pond-dark: mix(#000, $frog-pond, 20%);
.element {
color: $frog-pond;
box-shadow: 0 0 0 2px rgba($frog-pond, 0.35);
}