命名颜色 · #C29867
Chalet
Chalet 即 #C29867：rgb(194 152 103)、hsl(32 43% 58%)、oklch(0.708 0.082 70.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Chalet color name →
#C29867
oklch(0.708 0.082 70.2)
颜色转换
- HEX
- #c29867
- RGB
- rgb(194 152 103)
- HSL
- hsl(32 43% 58%)
- HWB
- hwb(32 40% 24%)
- OKLCH
- oklch(0.708 0.082 70.2)
- OKLab
- oklab(0.708 0.028 0.077)
- CIE Lab
- lab(66.01 11.66 32.05)
- LCH
- lch(66.01 34.1 70)
- CMYK
- cmyk(0% 22% 47% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C8A276
- CEAC85
- D5B694
- DBC1A3
- E1CBB3
- E7D5C2
- EDE0D1
- F3EAE0
- F9F4F0
深色调
- A88459
- 8F704B
- 775C3D
- 604A30
- 493823
- 342717
- 20170C
- 0E0804
- 020100
灰色调
- BB966A
- B5936D
- AE9170
- A88F73
- A18C75
- 9A8A78
- 94887A
- 8D857C
- 87837E
配色和谐
互补色 +180°
- C29867
Chalet
- 79A5D3
≈ Boudoir Blue
类似色 -30° +30°
- C29867
Chalet
- CE8F7A
≈ Ginger Scent
- ACA265
≈ Wavy Glass
三角配色 +120° +240°
- C29867
Chalet
- 5DB1AC
≈ Artesian Well
- B193C7
≈ Cut Velvet
分裂互补色 +150° +210°
- C29867
Chalet
- 61ADC4
≈ Blue Mist
- 969BD4
≈ Bluebell Frost
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.63:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.98:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--chalet: #c29867;
--chalet-rgb: 194 152 103;
--chalet-oklch: oklch(0.708 0.082 70.2);
}
.element {
color: var(--chalet);
background-color: hsl(32 43% 58%);
border-color: oklch(0.708 0.082 70.2);
}Tailwind CSS v4
@theme {
--color-chalet: #c29867;
--color-chalet-50: #fff2dc;
--color-chalet-100: #fae4cb;
--color-chalet-200: #ebcfae;
--color-chalet-300: #d2b189;
--color-chalet-400: #be9668;
--color-chalet-500: #a97c46;
--color-chalet-600: #8f693c;
--color-chalet-700: #735430;
--color-chalet-800: #553d22;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251707;
}SCSS
$chalet: #c29867;
$chalet-rgb: 194, 152, 103;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}