命名颜色 · #C2A37E
Almandine
Almandine 即 #C2A37E：rgb(194 163 126)、hsl(33 36% 63%)、oklch(0.734 0.062 71.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Almandine color name →
#C2A37E
oklch(0.734 0.062 71.6)
颜色转换
- HEX
- #c2a37e
- RGB
- rgb(194 163 126)
- HSL
- hsl(33 36% 63%)
- HWB
- hwb(33 49% 24%)
- OKLCH
- oklch(0.734 0.062 71.6)
- OKLab
- oklab(0.734 0.02 0.059)
- CIE Lab
- lab(69.13 7.86 23.75)
- LCH
- lch(69.13 25.02 71.7)
- CMYK
- cmyk(0% 16% 35% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C8AC8B
- CEB597
- D4BEA4
- DAC7B1
- E1D0BE
- E7DACB
- EDE3D8
- F3ECE5
- F9F6F2
深色调
- A88D6D
- 8F785C
- 77634C
- 604F3C
- 493C2D
- 342A1F
- 201911
- 0E0A05
- 020101
灰色调
- BBA07F
- B59C7F
- AE997F
- A79580
- A19280
- 9A8E80
- 948B80
- 8D8780
- 868480
配色和谐
互补色 +180°
- C2A37E
Almandine
- 8DACD0
≈ Mini Bay
类似色 -30° +30°
- C2A37E
Almandine
- CC9D8B
≈ Artefact
- B1AB7D
≈ Even Growth
三角配色 +120° +240°
- C2A37E
Almandine
- 7AB6B3
≈ Kingfisher Turquoise
- B69EC6
≈ Crocus Petal
分裂互补色 +150° +210°
- C2A37E
Almandine
- 7DB2C5
≈ Heavenly
- A2A5D0
≈ Venus Flower
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.37:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.83:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--almandine: #c2a37e;
--almandine-rgb: 194 163 126;
--almandine-oklch: oklch(0.734 0.062 71.6);
}
.element {
color: var(--almandine);
background-color: hsl(33 36% 63%);
border-color: oklch(0.734 0.062 71.6);
}Tailwind CSS v4
@theme {
--color-almandine: #c2a37e;
--color-almandine-50: #fff3e2;
--color-almandine-100: #f5e5d2;
--color-almandine-200: #e5d1b8;
--color-almandine-300: #cbb395;
--color-almandine-400: #b69976;
--color-almandine-500: #a08058;
--color-almandine-600: #876c4b;
--color-almandine-700: #6d563b;
--color-almandine-800: #513f2a;
--color-almandine-900: #382b1c;
--color-almandine-950: #23180d;
}SCSS
$almandine: #c2a37e;
$almandine-rgb: 194, 163, 126;
$almandine-light: mix(#fff, $almandine, 20%);
$almandine-dark: mix(#000, $almandine, 20%);
.element {
color: $almandine;
box-shadow: 0 0 0 2px rgba($almandine, 0.35);
}