最接近的命名颜色 · #C2BB65
#C2BB65
最接近的命名颜色: Motherland
#C2BB65（rgb(194 187 101)、hsl(55 43% 58%)、oklch(0.779 0.109 104.5)）最接近命名颜色 Motherland。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C2BB65
oklch(0.779 0.109 104.5)
颜色转换
- HEX
- #c2bb65
- RGB
- rgb(194 187 101)
- HSL
- hsl(55 43% 58%)
- HWB
- hwb(55 40% 24%)
- OKLCH
- oklch(0.779 0.109 104.5)
- OKLab
- oklab(0.779 -0.027 0.105)
- CIE Lab
- lab(75.09 -6.15 44.08)
- LCH
- lch(75.09 44.51 97.9)
- CMYK
- cmyk(0% 4% 48% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C8C276
- CEC986
- D4D096
- DAD6A5
- E0DDB4
- E6E4C3
- ECEBD2
- F2F2E1
- F9F8F0
深色调
- A8A257
- 8F8A49
- 77733C
- 605C2F
- 494622
- 343217
- 201F0C
- 0E0D03
- 020200
灰色调
- BBB569
- B4AF6D
- ADA971
- A7A374
- A09D76
- 9A9879
- 93927B
- 8D8C7D
- 86867F
配色和谐
互补色 +180°
- C2BB65
Motherland
- AFAEFA
≈ Winterspring Lilac
类似色 -30° +30°
- C2BB65
Motherland
- E0AD64
≈ Sahara Shade
- 9AC77F
≈ Frenzy Plant
三角配色 +120° +240°
- C2BB65
Motherland
- 5FC6EB
≈ Candid Blue
- E99BC8
≈ Sultan of Pink
分裂互补色 +150° +210°
- C2BB65
Motherland
- 87BBFC
≈ Scenic Water
- D1A2E8
≈ Bright Ube
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.58:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--motherland: #c2bb65;
--motherland-rgb: 194 187 101;
--motherland-oklch: oklch(0.779 0.109 104.5);
}
.element {
color: var(--motherland);
background-color: hsl(55 43% 58%);
border-color: oklch(0.779 0.109 104.5);
}Tailwind CSS v4
@theme {
--color-motherland: #c2bb65;
--color-motherland-50: #f8f8d4;
--color-motherland-100: #ecebc1;
--color-motherland-200: #d9d8a2;
--color-motherland-300: #bebb79;
--color-motherland-400: #a8a251;
--color-motherland-500: #928922;
--color-motherland-600: #7b741f;
--color-motherland-700: #635d19;
--color-motherland-800: #4a440f;
--color-motherland-900: #332f09;
--color-motherland-950: #1f1b00;
}SCSS
$motherland: #c2bb65;
$motherland-rgb: 194, 187, 101;
$motherland-light: mix(#fff, $motherland, 20%);
$motherland-dark: mix(#000, $motherland, 20%);
.element {
color: $motherland;
box-shadow: 0 0 0 2px rgba($motherland, 0.35);
}