命名颜色 · #EE4455
Vineyard Autumn
Vineyard Autumn 即 #EE4455：rgb(238 68 85)、hsl(354 83% 60%)、oklch(0.638 0.205 19.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Vineyard Autumn color name →
#EE4455
oklch(0.638 0.205 19.9)
颜色转换
- HEX
- #ee4455
- RGB
- rgb(238 68 85)
- HSL
- hsl(354 83% 60%)
- HWB
- hwb(354 27% 7%)
- OKLCH
- oklch(0.638 0.205 19.9)
- OKLab
- oklab(0.638 0.193 0.07)
- CIE Lab
- lab(55.8 65.89 31.01)
- LCH
- lch(55.8 72.83 25.2)
- CMYK
- cmyk(0% 71% 64% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F35C66
- F77176
- FA8487
- FD9797
- FFA9A8
- FFBAB9
- FFCCCA
- FFDDDC
- FFEEED
深色调
- CF3A49
- B1303D
- 932631
- 771D26
- 5C141C
- 420C11
- 2A0508
- 140202
- 030000
灰色调
- E44F5A
- DB585F
- D05F63
- C66668
- BC6B6C
- B17070
- A67574
- 9A7978
- 8D7D7C
配色和谐
互补色 +180°
- EE4455
Vineyard Autumn
- 009FA5
≈ Ducati
类似色 -30° +30°
- EE4455
Vineyard Autumn
- E0479D
≈ Prunus Avium
- D96500
≈ Ancient Bamboo
三角配色 +120° +240°
- EE4455
Vineyard Autumn
- 33A700
≈ Candy Grass
- 3C86FF
≈ Bleuchâtel Blue
分裂互补色 +150° +210°
- EE4455
Vineyard Autumn
- 00A47F
≈ Congo Green
- 0098C9
≈ UV Light
四角配色 +90° +180° +270°
- EE4455
Vineyard Autumn
- 919200
≈ Old Asparagus
- 009FA5
≈ Ducati
- 8E6DFD
≈ Blackthorn Berry
对比度与无障碍
Ag
Fail白底
WCAG 3.75:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.59:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.59:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--vineyard-autumn: #ee4455;
--vineyard-autumn-rgb: 238 68 85;
--vineyard-autumn-oklch: oklch(0.638 0.205 19.9);
}
.element {
color: var(--vineyard-autumn);
background-color: hsl(354 83% 60%);
border-color: oklch(0.638 0.205 19.9);
}Tailwind CSS v4
@theme {
--color-vineyard-autumn: #ee4455;
--color-vineyard-autumn-50: #ffdfdb;
--color-vineyard-autumn-100: #ffcdc9;
--color-vineyard-autumn-200: #ffb0ad;
--color-vineyard-autumn-300: #ff8887;
--color-vineyard-autumn-400: #ff606a;
--color-vineyard-autumn-500: #f02c49;
--color-vineyard-autumn-600: #ca293f;
--color-vineyard-autumn-700: #a32132;
--color-vineyard-autumn-800: #7a1526;
--color-vineyard-autumn-900: #560e19;
--color-vineyard-autumn-950: #39000a;
}SCSS
$vineyard-autumn: #ee4455;
$vineyard-autumn-rgb: 238, 68, 85;
$vineyard-autumn-light: mix(#fff, $vineyard-autumn, 20%);
$vineyard-autumn-dark: mix(#000, $vineyard-autumn, 20%);
.element {
color: $vineyard-autumn;
box-shadow: 0 0 0 2px rgba($vineyard-autumn, 0.35);
}