命名颜色 · #00A483
Congo Green
Congo Green 即 #00A483：rgb(0 164 131)、hsl(168 100% 32%)、oklch(0.64 0.124 171.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Congo Green color name →
#00A483
oklch(0.64 0.124 171.7)
颜色转换
- HEX
- #00a483
- RGB
- rgb(0 164 131)
- HSL
- hsl(168 100% 32%)
- HWB
- hwb(168 0% 36%)
- OKLCH
- oklch(0.64 0.124 171.7)
- OKLab
- oklab(0.64 -0.123 0.018)
- CIE Lab
- lab(59.88 -43.74 6.52)
- LCH
- lch(59.88 44.22 171.5)
- CMYK
- cmyk(100% 0% 20% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 3BAD8F
- 58B69B
- 70C0A7
- 86C9B3
- 9BD2BF
- B0DBCC
- C4E4D8
- D8EDE5
- EBF6F2
深色调
- 008E71
- 007960
- 00644F
- 00503F
- 003D2F
- 002B20
- 001A12
- 000A06
- 000101
灰色调
- 2AA183
- 3C9D82
- 4A9A82
- 559682
- 5E9382
- 668F81
- 6E8B81
- 748881
- 7A8480
配色和谐
互补色 +180°
- 00A483
Congo Green
- C46A94
≈ Fuchsia Kiss
类似色 -30° +30°
- 00A483
Congo Green
- 5E9F56
≈ Savage Garden
- 009FA8
≈ Ducati
三角配色 +120° +240°
- 00A483
Congo Green
- 8E7DD1
≈ Indigo Bloom
- C7743E
≈ Zest
分裂互补色 +150° +210°
- 00A483
Congo Green
- AF71B9
≈ Moonlight Melody
- CD6B6A
≈ Strawberry Wine
四角配色 +90° +180° +270°
- 00A483
Congo Green
- 618BD7
≈ Livid
- C46A94
≈ Fuchsia Kiss
- B2831B
≈ Arrowwood
对比度与无障碍
Ag
Fail白底
WCAG 3.16:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.63:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.63:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
CSS
:root {
--congo-green: #00a483;
--congo-green-rgb: 0 164 131;
--congo-green-oklch: oklch(0.64 0.124 171.7);
}
.element {
color: var(--congo-green);
background-color: hsl(168 100% 32%);
border-color: oklch(0.64 0.124 171.7);
}Tailwind CSS v4
@theme {
--color-congo-green: #00a483;
--color-congo-green-50: #d2fff2;
--color-congo-green-100: #bef6e4;
--color-congo-green-200: #9be6d0;
--color-congo-green-300: #6cccb2;
--color-congo-green-400: #3ab696;
--color-congo-green-500: #00a07c;
--color-congo-green-600: #008769;
--color-congo-green-700: #006c54;
--color-congo-green-800: #00503b;
--color-congo-green-900: #003829;
--color-congo-green-950: #002217;
}SCSS
$congo-green: #00a483;
$congo-green-rgb: 0, 164, 131;
$congo-green-light: mix(#fff, $congo-green, 20%);
$congo-green-dark: mix(#000, $congo-green, 20%);
.element {
color: $congo-green;
box-shadow: 0 0 0 2px rgba($congo-green, 0.35);
}