命名颜色 · #71BC77
Iguana Green
Iguana Green 即 #71BC77：rgb(113 188 119)、hsl(125 36% 59%)、oklch(0.729 0.124 146)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Iguana Green color name →
#71BC77
oklch(0.729 0.124 146)
颜色转换
- HEX
- #71bc77
- RGB
- rgb(113 188 119)
- HSL
- hsl(125 36% 59%)
- HWB
- hwb(125 44% 26%)
- OKLCH
- oklch(0.729 0.124 146)
- OKLab
- oklab(0.729 -0.103 0.069)
- CIE Lab
- lab(70.07 -35.18 27.36)
- LCH
- lch(70.07 44.57 142.1)
- CMYK
- cmyk(40% 0% 37% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- 80C385
- 8FCA92
- 9DD0A0
- ABD7AD
- B9DEBB
- C7E5C8
- D5EBD6
- E3F2E3
- F1F8F1
深色调
- 61A367
- 528B57
- 437347
- 355D38
- 27472A
- 1A321C
- 0E1F10
- 040D05
- 010201
灰色调
- 74B678
- 76B07A
- 78AA7B
- 7AA47C
- 7B9E7D
- 7D987E
- 7E927E
- 7F8C7F
- 7F8680
配色和谐
互补色 +180°
- 71BC77
Iguana Green
- CF8BD1
≈ Purception
类似色 -30° +30°
- 71BC77
Iguana Green
- A3B14F
≈ Elysian Green
- 33C0A4
≈ Jade Mountain
三角配色 +120° +240°
- 71BC77
Iguana Green
- 83A5F5
≈ Fennel Flower
- EB877E
≈ Salmon Carpaccio
分裂互补色 +150° +210°
- 71BC77
Iguana Green
- AE96EC
≈ Dreamy Candy Forest
- E485AA
≈ Rose Glory
四角配色 +90° +180° +270°
- 71BC77
Iguana Green
- 4CB3EA
≈ Lynx Screen Blue
- CF8BD1
≈ Purception
- E29155
≈ Pumpkin Toast
对比度与无障碍
Ag
Fail白底
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.16:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--iguana-green: #71bc77;
--iguana-green-rgb: 113 188 119;
--iguana-green-oklch: oklch(0.729 0.124 146);
}
.element {
color: var(--iguana-green);
background-color: hsl(125 36% 59%);
border-color: oklch(0.729 0.124 146);
}Tailwind CSS v4
@theme {
--color-iguana-green: #71bc77;
--color-iguana-green-50: #deffe2;
--color-iguana-green-100: #cdf4d1;
--color-iguana-green-200: #b1e3b7;
--color-iguana-green-300: #8bc993;
--color-iguana-green-400: #6cb271;
--color-iguana-green-500: #479b51;
--color-iguana-green-600: #3e8345;
--color-iguana-green-700: #316937;
--color-iguana-green-800: #254d25;
--color-iguana-green-900: #183619;
--color-iguana-green-950: #092109;
}SCSS
$iguana-green: #71bc77;
$iguana-green-rgb: 113, 188, 119;
$iguana-green-light: mix(#fff, $iguana-green, 20%);
$iguana-green-dark: mix(#000, $iguana-green, 20%);
.element {
color: $iguana-green;
box-shadow: 0 0 0 2px rgba($iguana-green, 0.35);
}