最接近的命名颜色 · #AE968A
#AE968A
最接近的命名颜色: Sombrero
#AE968A（rgb(174 150 138)、hsl(20 18% 61%)、oklch(0.691 0.034 48.2)）最接近命名颜色 Sombrero。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AE968A
oklch(0.691 0.034 48.2)
颜色转换
- HEX
- #ae968a
- RGB
- rgb(174 150 138)
- HSL
- hsl(20 18% 61%)
- HWB
- hwb(20 54% 32%)
- OKLCH
- oklch(0.691 0.034 48.2)
- OKLab
- oklab(0.691 0.022 0.025)
- CIE Lab
- lab(64.02 7.78 9.82)
- LCH
- lch(64.02 12.53 51.6)
- CMYK
- cmyk(0% 14% 21% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- B6A095
- BEAAA0
- C6B5AC
- CEBFB7
- D6C9C3
- DED4CF
- E6DFDB
- EFE9E7
- F7F4F3
深色调
- 978277
- 806E65
- 6A5B53
- 554942
- 413732
- 2E2622
- 1C1614
- 0B0807
- 010101
灰色调
- A99489
- A59288
- A08F87
- 9C8D86
- 978B85
- 928984
- 8E8783
- 898482
- 858281
配色和谐
互补色 +180°
- AE968A
Sombrero
- 87A0AC
≈ Qiān Hūi Grey
类似色 -30° +30°
- AE968A
Sombrero
- B09494
≈ Antoinette
- A79A85
≈ Wooden Peg
三角配色 +120° +240°
- AE968A
Sombrero
- 88A398
≈ Modern Mint
- 9A99B0
≈ Bay Fog
分裂互补色 +150° +210°
- AE968A
Sombrero
- 84A2A3
≈ Venus Teal
- 8F9DB1
≈ Periwinkle Dusk
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.52:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--sombrero: #ae968a;
--sombrero-rgb: 174 150 138;
--sombrero-oklch: oklch(0.691 0.034 48.2);
}
.element {
color: var(--sombrero);
background-color: hsl(20 18% 61%);
border-color: oklch(0.691 0.034 48.2);
}Tailwind CSS v4
@theme {
--color-sombrero: #ae968a;
--color-sombrero-50: #fef3ed;
--color-sombrero-100: #f2e5de;
--color-sombrero-200: #e1d0c8;
--color-sombrero-300: #c6b3a8;
--color-sombrero-400: #b0998e;
--color-sombrero-500: #9a8073;
--color-sombrero-600: #826c62;
--color-sombrero-700: #68574e;
--color-sombrero-800: #4d3f39;
--color-sombrero-900: #352b27;
--color-sombrero-950: #201915;
}SCSS
$sombrero: #ae968a;
$sombrero-rgb: 174, 150, 138;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}