最接近的命名颜色 · #C4D3AE
#C4D3AE
最接近的命名颜色: Morris Leaf
#C4D3AE（rgb(196 211 174)、hsl(84 30% 75%)、oklch(0.846 0.053 125.5)）最接近命名颜色 Morris Leaf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C4D3AE
oklch(0.846 0.053 125.5)
颜色转换
- HEX
- #c4d3ae
- RGB
- rgb(196 211 174)
- HSL
- hsl(84 30% 75%)
- HWB
- hwb(84 68% 17%)
- OKLCH
- oklch(0.846 0.053 125.5)
- OKLab
- oklab(0.846 -0.031 0.043)
- CIE Lab
- lab(82.67 -10.11 16.6)
- LCH
- lch(82.67 19.44 121.3)
- CMYK
- cmyk(7% 0% 18% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- CAD7B6
- D0DCBE
- D5E0C6
- DBE5CE
- E1E9D6
- E7EDDE
- EDF2E6
- F3F6EF
- F9FBF7
深色调
- AAB797
- 919C80
- 78826A
- 616955
- 4A5141
- 353A2E
- 21241C
- 0E100B
- 020201
灰色调
- BDCAA9
- B6C2A5
- AFB9A0
- A8B19C
- A1A997
- 9BA092
- 94988E
- 8D9089
- 878885
配色和谐
互补色 +180°
- C4D3AE
Morris Leaf
- D4C4E8
≈ Foggy Love
类似色 -30° +30°
- C4D3AE
Morris Leaf
- D7CDA6
≈ Gabriel’s Light
- B2D7BE
≈ Frosted Fir
三角配色 +120° +240°
- C4D3AE
Morris Leaf
- B1D1ED
≈ Vive le Vent
- ECBFC7
≈ Rose Melody
分裂互补色 +150° +210°
- C4D3AE
Morris Leaf
- C2CAEF
≈ Powdered Granite
- E3C0DA
≈ Dog Rose
四角配色 +90° +180° +270°
- C4D3AE
Morris Leaf
- A6D6E2
≈ Atlantic Ocean
- D4C4E8
≈ Foggy Love
- ECC1B5
≈ New Clay
对比度与无障碍
Ag
Fail白底
WCAG 1.58:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.27:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--morris-leaf: #c4d3ae;
--morris-leaf-rgb: 196 211 174;
--morris-leaf-oklch: oklch(0.846 0.053 125.5);
}
.element {
color: var(--morris-leaf);
background-color: hsl(84 30% 75%);
border-color: oklch(0.846 0.053 125.5);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c4d3ae;
--color-morris-leaf-50: #f1f8e8;
--color-morris-leaf-100: #e3ebd9;
--color-morris-leaf-200: #ced9c1;
--color-morris-leaf-300: #b0bda0;
--color-morris-leaf-400: #97a483;
--color-morris-leaf-500: #7e8d67;
--color-morris-leaf-600: #6a7757;
--color-morris-leaf-700: #555f45;
--color-morris-leaf-800: #3f4631;
--color-morris-leaf-900: #2b3022;
--color-morris-leaf-950: #181c11;
}SCSS
$morris-leaf: #c4d3ae;
$morris-leaf-rgb: 196, 211, 174;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}