最接近的命名颜色 · #16533B
#16533B
最接近的命名颜色: Evergreen
#16533B（rgb(22 83 59)、hsl(156 58% 21%)、oklch(0.397 0.074 162.9)）最接近命名颜色 Evergreen。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#16533B
oklch(0.397 0.074 162.9)
颜色转换
- HEX
- #16533b
- RGB
- rgb(22 83 59)
- HSL
- hsl(156 58% 21%)
- HWB
- hwb(156 9% 67%)
- OKLCH
- oklch(0.397 0.074 162.9)
- OKLab
- oklab(0.397 -0.071 0.022)
- CIE Lab
- lab(30.98 -25.11 8.24)
- LCH
- lch(30.98 26.43 161.8)
- CMYK
- cmyk(73% 0% 29% 67%)
浅色调 · 深色调 · 灰色调
浅色调
- 30634C
- 47735E
- 5D8471
- 739484
- 8AA697
- A1B7AB
- B8C9C0
- CFDAD4
- E7EDE9
深色调
- 124732
- 0D3B29
- 093021
- 062519
- 031B11
- 021109
- 010804
- 000201
- 000000
灰色调
- 245842
- 305C48
- 3B614F
- 466556
- 506A5D
- 596E64
- 63736B
- 6D7772
- 767C79
配色和谐
互补色 +180°
- 16533B
Evergreen
- 623651
≈ Blackberry Deep Red
类似色 -30° +30°
- 16533B
Evergreen
- 374F23
≈ Chestnut Green
- 005251
≈ Wool Turquoise
三角配色 +120° +240°
- 16533B
Evergreen
- 41416D
≈ Overcast Night
- 683825
≈ In Caffeine We Trust
分裂互补色 +150° +210°
- 16533B
Evergreen
- 553A63
≈ Purpurite Violet
- 69353B
≈ Rubine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.99:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.33:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 8.99:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--evergreen: #16533b;
--evergreen-rgb: 22 83 59;
--evergreen-oklch: oklch(0.397 0.074 162.9);
}
.element {
color: var(--evergreen);
background-color: hsl(156 58% 21%);
border-color: oklch(0.397 0.074 162.9);
}Tailwind CSS v4
@theme {
--color-evergreen: #16533b;
--color-evergreen-50: #e3fcf0;
--color-evergreen-100: #d2f0e2;
--color-evergreen-200: #b8dfcc;
--color-evergreen-300: #94c4ae;
--color-evergreen-400: #75ad92;
--color-evergreen-500: #559678;
--color-evergreen-600: #487f66;
--color-evergreen-700: #3a6551;
--color-evergreen-800: #2a4a3a;
--color-evergreen-900: #1c3428;
--color-evergreen-950: #0c1f16;
}SCSS
$evergreen: #16533b;
$evergreen-rgb: 22, 83, 59;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}