最接近的命名颜色 · #E3AF9A
#E3AF9A
最接近的命名颜色: Sun-Kissed Beach
#E3AF9A（rgb(227 175 154)、hsl(17 57% 75%)、oklch(0.796 0.068 43)）最接近命名颜色 Sun-Kissed Beach。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E3AF9A
oklch(0.796 0.068 43)
颜色转换
- HEX
- #e3af9a
- RGB
- rgb(227 175 154)
- HSL
- hsl(17 57% 75%)
- HWB
- hwb(17 60% 11%)
- OKLCH
- oklch(0.796 0.068 43)
- OKLab
- oklab(0.796 0.05 0.046)
- CIE Lab
- lab(75.94 17.45 18.5)
- LCH
- lch(75.94 25.43 46.7)
- CMYK
- cmyk(0% 23% 32% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6B7A4
- E9BFAE
- ECC7B8
- EFCFC2
- F2D7CC
- F5DFD6
- F7E7E0
- FAEFEA
- FDF7F5
深色调
- C59885
- A88171
- 8C6B5E
- 71564B
- 574139
- 3F2E27
- 271C17
- 120B09
- 030101
灰色调
- D9AA98
- CFA695
- C5A192
- BB9C90
- B1988D
- A7938B
- 9D8E88
- 948985
- 8A8583
配色和谐
互补色 +180°
- E3AF9A
Sun-Kissed Beach
- 8CC7DD
≈ Sky Fall
类似色 -30° +30°
- E3AF9A
Sun-Kissed Beach
- E5ABB0
≈ Raspberry Lemonade
- D8B68C
≈ Brandy
三角配色 +120° +240°
- E3AF9A
Sun-Kissed Beach
- 95CBB0
≈ Vile Green
- B6B8E8
≈ Perano
分裂互补色 +150° +210°
- E3AF9A
Sun-Kissed Beach
- 88CBC8
≈ Surf Wash
- 9EC0E8
≈ Salvia Blue
四角配色 +90° +180° +270°
- E3AF9A
Sun-Kissed Beach
- ACC69A
≈ Geddy Green
- 8CC7DD
≈ Sky Fall
- CCB0DC
≈ Sea Lavender
对比度与无障碍
Ag
Fail白底
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.86:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.86:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--sun-kissed-beach: #e3af9a;
--sun-kissed-beach-rgb: 227 175 154;
--sun-kissed-beach-oklch: oklch(0.796 0.068 43);
}
.element {
color: var(--sun-kissed-beach);
background-color: hsl(17 57% 75%);
border-color: oklch(0.796 0.068 43);
}Tailwind CSS v4
@theme {
--color-sun-kissed-beach: #e3af9a;
--color-sun-kissed-beach-50: #fff0e6;
--color-sun-kissed-beach-100: #fce1d6;
--color-sun-kissed-beach-200: #eeccbd;
--color-sun-kissed-beach-300: #d6ad9b;
--color-sun-kissed-beach-400: #c2927f;
--color-sun-kissed-beach-500: #ad7762;
--color-sun-kissed-beach-600: #926553;
--color-sun-kissed-beach-700: #755142;
--color-sun-kissed-beach-800: #573b30;
--color-sun-kissed-beach-900: #3d2821;
--color-sun-kissed-beach-950: #261610;
}SCSS
$sun-kissed-beach: #e3af9a;
$sun-kissed-beach-rgb: 227, 175, 154;
$sun-kissed-beach-light: mix(#fff, $sun-kissed-beach, 20%);
$sun-kissed-beach-dark: mix(#000, $sun-kissed-beach, 20%);
.element {
color: $sun-kissed-beach;
box-shadow: 0 0 0 2px rgba($sun-kissed-beach, 0.35);
}