命名颜色 · #EAAEA9
Sweet Tart
Sweet Tart 即 #EAAEA9：rgb(234 174 169)、hsl(5 61% 79%)、oklch(0.805 0.071 24.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Sweet Tart color name →
#EAAEA9
oklch(0.805 0.071 24.2)
颜色转换
- HEX
- #eaaea9
- RGB
- rgb(234 174 169)
- HSL
- hsl(5 61% 79%)
- HWB
- hwb(5 66% 8%)
- OKLCH
- oklch(0.805 0.071 24.2)
- OKLab
- oklab(0.805 0.065 0.029)
- CIE Lab
- lab(76.71 22.09 11.63)
- LCH
- lch(76.71 24.97 27.8)
- CMYK
- cmyk(0% 26% 28% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDB6B1
- EFBEBA
- F1C6C2
- F4CECB
- F6D6D3
- F8DEDC
- FAE7E5
- FCEFED
- FDF7F6
深色调
- CB9792
- AE807C
- 916A67
- 755553
- 5A413F
- 412E2C
- 291C1B
- 130B0A
- 030101
灰色调
- DFA9A5
- D4A5A1
- CAA09D
- BF9C98
- B59794
- AA9290
- 9F8E8C
- 958988
- 8A8584
配色和谐
互补色 +180°
- EAAEA9
Sweet Tart
- 87CDD5
≈ White Ultramarine
类似色 -30° +30°
- EAAEA9
Sweet Tart
- E5ADC2
≈ Sekichiku Pink
- E4B494
≈ Sonora Apricot
三角配色 +120° +240°
- EAAEA9
Sweet Tart
- A4CCA3
≈ Limestoned
- A8C0EE
≈ Sky High
分裂互补色 +150° +210°
- EAAEA9
Sweet Tart
- 8ECFBC
≈ Blue Frosting
- 92C8E7
≈ Deluxe Days
四角配色 +90° +180° +270°
- EAAEA9
Sweet Tart
- BEC590
≈ Misty Valley
- 87CDD5
≈ White Ultramarine
- C1B7E9
≈ Purple Sand
对比度与无障碍
Ag
Fail白底
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.12:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--sweet-tart: #eaaea9;
--sweet-tart-rgb: 234 174 169;
--sweet-tart-oklch: oklch(0.805 0.071 24.2);
}
.element {
color: var(--sweet-tart);
background-color: hsl(5 61% 79%);
border-color: oklch(0.805 0.071 24.2);
}Tailwind CSS v4
@theme {
--color-sweet-tart: #eaaea9;
--color-sweet-tart-50: #ffeeeb;
--color-sweet-tart-100: #ffdfdc;
--color-sweet-tart-200: #f1c9c4;
--color-sweet-tart-300: #daaaa4;
--color-sweet-tart-400: #c58e8a;
--color-sweet-tart-500: #b1736f;
--color-sweet-tart-600: #95625e;
--color-sweet-tart-700: #784e4b;
--color-sweet-tart-800: #593837;
--color-sweet-tart-900: #3e2726;
--color-sweet-tart-950: #271514;
}SCSS
$sweet-tart: #eaaea9;
$sweet-tart-rgb: 234, 174, 169;
$sweet-tart-light: mix(#fff, $sweet-tart, 20%);
$sweet-tart-dark: mix(#000, $sweet-tart, 20%);
.element {
color: $sweet-tart;
box-shadow: 0 0 0 2px rgba($sweet-tart, 0.35);
}