最接近的命名颜色 · #E5AE96
#E5AE96
最接近的命名颜色: Wax Flower
#E5AE96（rgb(229 174 150)、hsl(18 60% 74%)、oklch(0.795 0.073 44.7)）最接近命名颜色 Wax Flower。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E5AE96
oklch(0.795 0.073 44.7)
颜色转换
- HEX
- #e5ae96
- RGB
- rgb(229 174 150)
- HSL
- hsl(18 60% 74%)
- HWB
- hwb(18 59% 10%)
- OKLCH
- oklch(0.795 0.073 44.7)
- OKLab
- oklab(0.795 0.052 0.051)
- CIE Lab
- lab(75.84 18.38 20.56)
- LCH
- lch(75.84 27.58 48.2)
- CMYK
- cmyk(0% 24% 34% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- E8B6A0
- EBBEAB
- EEC6B5
- F1CEBF
- F3D6CA
- F6DED4
- F8E7DF
- FBEFEA
- FDF7F4
深色调
- C79782
- AA806E
- 8E6A5B
- 725549
- 584137
- 3F2E26
- 281C16
- 120B08
- 030101
灰色调
- DBA994
- D0A592
- C6A090
- BC9C8E
- B2978B
- A89289
- 9E8E87
- 948985
- 8A8582
配色和谐
互补色 +180°
- E5AE96
Wax Flower
- 88C7E0
≈ Sky Fall
类似色 -30° +30°
- E5AE96
Wax Flower
- E7AAAD
≈ Perennial Phlox
- D8B688
≈ Dubloon
三角配色 +120° +240°
- E5AE96
Wax Flower
- 90CCB0
≈ Vile Green
- B6B6EA
≈ Perano
分裂互补色 +150° +210°
- E5AE96
Wax Flower
- 83CBCA
≈ Surf Wash
- 9DBFEB
≈ Sail to the Sea
四角配色 +90° +180° +270°
- E5AE96
Wax Flower
- A9C798
≈ Geddy Green
- 88C7E0
≈ Sky Fall
- CEAFDD
≈ Whisper of Plum
对比度与无障碍
Ag
Fail白底
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.82:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--wax-flower: #e5ae96;
--wax-flower-rgb: 229 174 150;
--wax-flower-oklch: oklch(0.795 0.073 44.7);
}
.element {
color: var(--wax-flower);
background-color: hsl(18 60% 74%);
border-color: oklch(0.795 0.073 44.7);
}Tailwind CSS v4
@theme {
--color-wax-flower: #e5ae96;
--color-wax-flower-50: #ffefe4;
--color-wax-flower-100: #fee1d4;
--color-wax-flower-200: #f0cbba;
--color-wax-flower-300: #d8ad98;
--color-wax-flower-400: #c4917b;
--color-wax-flower-500: #af775e;
--color-wax-flower-600: #946550;
--color-wax-flower-700: #77503f;
--color-wax-flower-800: #583a2e;
--color-wax-flower-900: #3e281f;
--color-wax-flower-950: #27160f;
}SCSS
$wax-flower: #e5ae96;
$wax-flower-rgb: 229, 174, 150;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}