最接近的命名颜色 · #E5CCB5
#E5CCB5
最接近的命名颜色: Larb Gai
#E5CCB5(rgb(229 204 181)、hsl(29 48% 80%)、oklch(0.86 0.042 64.9))最接近命名颜色 Larb Gai。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。
#E5CCB5
oklch(0.86 0.042 64.9)
颜色转换
- HEX
- #e5ccb5
- RGB
- rgb(229 204 181)
- HSL
- hsl(29 48% 80%)
- HWB
- hwb(29 71% 10%)
- OKLCH
- oklch(0.86 0.042 64.9)
- OKLab
- oklab(0.86 0.018 0.038)
- CIE Lab
- lab(83.72 6.41 14.88)
- LCH
- lch(83.72 16.2 66.7)
- CMYK
- cmyk(0% 11% 21% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- E8D1BC
- EAD6C4
- EDDBCB
- F0E0D2
- F2E5DA
- F5EAE1
- F7F0E9
- FAF5F0
- FCFAF8
深色调
- C7B19D
- AA9786
- 8E7E6F
- 726559
- 584E44
- 3F3730
- 28221D
- 120F0C
- 030202
灰色调
- DAC4B0
- D0BCAA
- C6B5A5
- BBADA0
- B1A59A
- A79E95
- 9D9690
- 938F8A
- 8A8785
配色和谐
互补色 +180°
- E5CCB5
Larb Gai
- BBD5EB
≈ Light Template
类似色 -30° +30°
- E5CCB5
Larb Gai
- EBC8BF
≈ Harmony
- D9D1B3
≈ Chinese Silk
三角配色 +120° +240°
- E5CCB5
Larb Gai
- B3DAD4
≈ Wave Top
- D7CBE8
≈ Purity
分裂互补色 +150° +210°
- E5CCB5
Larb Gai
- B3D9E2
≈ Blue Shimmer
- C8D0ED
≈ Frozen Periwinkle
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黑底
WCAG 13.63:1 · APCA Lc 78
最佳文字颜色: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--larb-gai: #e5ccb5;
--larb-gai-rgb: 229 204 181;
--larb-gai-oklch: oklch(0.86 0.042 64.9);
}
.element {
color: var(--larb-gai);
background-color: hsl(29 48% 80%);
border-color: oklch(0.86 0.042 64.9);
}Tailwind CSS v4
@theme {
--color-larb-gai: #e5ccb5;
--color-larb-gai-50: #fef3e9;
--color-larb-gai-100: #f2e6da;
--color-larb-gai-200: #e1d1c2;
--color-larb-gai-300: #c7b4a1;
--color-larb-gai-400: #b09a85;
--color-larb-gai-500: #9a8169;
--color-larb-gai-600: #826d59;
--color-larb-gai-700: #685747;
--color-larb-gai-800: #4d3f34;
--color-larb-gai-900: #362c23;
--color-larb-gai-950: #211912;
}SCSS
$larb-gai: #e5ccb5;
$larb-gai-rgb: 229, 204, 181;
$larb-gai-light: mix(#fff, $larb-gai, 20%);
$larb-gai-dark: mix(#000, $larb-gai, 20%);
.element {
color: $larb-gai;
box-shadow: 0 0 0 2px rgba($larb-gai, 0.35);
}