命名颜色 · #4D5D53
Feldgrau
Feldgrau 即 #4D5D53：rgb(77 93 83)、hsl(143 9% 33%)、oklch(0.462 0.025 157.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Feldgrau color name →
#4D5D53
oklch(0.462 0.025 157.8)
颜色转换
- HEX
- #4d5d53
- RGB
- rgb(77 93 83)
- HSL
- hsl(143 9% 33%)
- HWB
- hwb(143 30% 64%)
- OKLCH
- oklch(0.462 0.025 157.8)
- OKLab
- oklab(0.462 -0.024 0.01)
- CIE Lab
- lab(37.88 -8.09 3.61)
- LCH
- lch(37.88 8.86 156)
- CMYK
- cmyk(17% 0% 11% 64%)
浅色调 · 深色调 · 灰色调
浅色调
- 5D6C63
- 6E7B73
- 7F8B83
- 909A94
- A2AAA5
- B4BBB6
- C6CCC8
- D9DCDA
- ECEEEC
深色调
- 425047
- 37433B
- 2C3730
- 222A25
- 181F1B
- 0F1411
- 070A08
- 020302
- 000000
灰色调
- 526057
- 57645C
- 5C6760
- 616B65
- 666E69
- 6B726E
- 707572
- 767977
- 7B7C7B
配色和谐
互补色 +180°
- 4D5D53
Feldgrau
- 62535D
≈ Pinot Noir
类似色 -30° +30°
- 4D5D53
Feldgrau
- 545B4C
≈ Sherwood Forest
- 495D5B
≈ Silken Pine
三角配色 +120° +240°
- 4D5D53
Feldgrau
- 555767
≈ Blackwater
- 66544E
≈ Library Leather
分裂互补色 +150° +210°
- 4D5D53
Feldgrau
- 5C5564
≈ Ripe Berry
- 665356
≈ Ripe Fig
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.98:1 · APCA Lc 84
Ag
Fail黑底
WCAG 3.00:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--feldgrau: #4d5d53;
--feldgrau-rgb: 77 93 83;
--feldgrau-oklch: oklch(0.462 0.025 157.8);
}
.element {
color: var(--feldgrau);
background-color: hsl(143 9% 33%);
border-color: oklch(0.462 0.025 157.8);
}Tailwind CSS v4
@theme {
--color-feldgrau: #4d5d53;
--color-feldgrau-50: #eff7f3;
--color-feldgrau-100: #e1ebe5;
--color-feldgrau-200: #cbd8d0;
--color-feldgrau-300: #adbcb3;
--color-feldgrau-400: #93a399;
--color-feldgrau-500: #798c80;
--color-feldgrau-600: #66766c;
--color-feldgrau-700: #525e56;
--color-feldgrau-800: #3c453f;
--color-feldgrau-900: #29302b;
--color-feldgrau-950: #171c18;
}SCSS
$feldgrau: #4d5d53;
$feldgrau-rgb: 77, 93, 83;
$feldgrau-light: mix(#fff, $feldgrau, 20%);
$feldgrau-dark: mix(#000, $feldgrau, 20%);
.element {
color: $feldgrau;
box-shadow: 0 0 0 2px rgba($feldgrau, 0.35);
}