命名颜色 · #EE5851
Amour
Amour 即 #EE5851：rgb(238 88 81)、hsl(3 82% 63%)、oklch(0.658 0.186 26.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Amour color name →
#EE5851
oklch(0.658 0.186 26.2)
颜色转换
- HEX
- #ee5851
- RGB
- rgb(238 88 81)
- HSL
- hsl(3 82% 63%)
- HWB
- hwb(3 32% 7%)
- OKLCH
- oklch(0.658 0.186 26.2)
- OKLab
- oklab(0.658 0.167 0.082)
- CIE Lab
- lab(58.53 58.44 36.56)
- LCH
- lch(58.53 68.93 32)
- CMYK
- cmyk(0% 63% 66% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F26C63
- F67E74
- F98F85
- FCA096
- FEB0A7
- FFC0B9
- FFD0CA
- FFE0DB
- FFEFED
深色调
- CF4B45
- B13F3A
- 93332F
- 772824
- 5C1D1A
- 421210
- 2A0907
- 140302
- 030000
灰色调
- E45F57
- DA655C
- D06A61
- C56E66
- BB726B
- B0766F
- A57974
- 997B78
- 8D7E7C
配色和谐
互补色 +180°
- EE5851
Amour
- 00A5B4
≈ Garish Blue
类似色 -30° +30°
- EE5851
Amour
- E55695
≈ Tutuji Pink
- D97200
≈ Gold Orange
三角配色 +120° +240°
- EE5851
Amour
- 25AE43
≈ Poison Ivy
- 5E89FF
≈ Deep Denim
分裂互补色 +150° +210°
- EE5851
Amour
- 00AA8F
≈ Shindig
- 009DDC
≈ Atmosphere
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.41:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.15:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.15:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--amour: #ee5851;
--amour-rgb: 238 88 81;
--amour-oklch: oklch(0.658 0.186 26.2);
}
.element {
color: var(--amour);
background-color: hsl(3 82% 63%);
border-color: oklch(0.658 0.186 26.2);
}Tailwind CSS v4
@theme {
--color-amour: #ee5851;
--color-amour-50: #ffe2d7;
--color-amour-100: #ffd1c5;
--color-amour-200: #ffb5a7;
--color-amour-300: #ff8f80;
--color-amour-400: #f96a61;
--color-amour-500: #e8403d;
--color-amour-600: #c43835;
--color-amour-700: #9d2d2a;
--color-amour-800: #761e20;
--color-amour-900: #531415;
--color-amour-950: #370407;
}SCSS
$amour: #ee5851;
$amour-rgb: 238, 88, 81;
$amour-light: mix(#fff, $amour, 20%);
$amour-dark: mix(#000, $amour, 20%);
.element {
color: $amour;
box-shadow: 0 0 0 2px rgba($amour, 0.35);
}