Adlandırılmış renk · #EE4455
Vineyard Autumn
Vineyard Autumn, #EE4455: rgb(238 68 85), hsl(354 83% 60%), oklch(0.638 0.205 19.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Vineyard Autumn color name →
#EE4455
oklch(0.638 0.205 19.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F35C66
- F77176
- FA8487
- FD9797
- FFA9A8
- FFBAB9
- FFCCCA
- FFDDDC
- FFEEED
Koyu tonlar
- CF3A49
- B1303D
- 932631
- 771D26
- 5C141C
- 420C11
- 2A0508
- 140202
- 030000
Gri tonlar
- E44F5A
- DB585F
- D05F63
- C66668
- BC6B6C
- B17070
- A67574
- 9A7978
- 8D7D7C
Renk uyumları
Tamamlayıcı +180°
- EE4455
Vineyard Autumn
- 009FA5
≈ Ducati
Analog -30° +30°
- EE4455
Vineyard Autumn
- E0479D
≈ Prunus Avium
- D96500
≈ Ancient Bamboo
Üçlü +120° +240°
- EE4455
Vineyard Autumn
- 33A700
≈ Candy Grass
- 3C86FF
≈ Bleuchâtel Blue
Bölünmüş tamamlayıcı +150° +210°
- EE4455
Vineyard Autumn
- 00A47F
≈ Congo Green
- 0098C9
≈ UV Light
Dörtlü +90° +180° +270°
- EE4455
Vineyard Autumn
- 919200
≈ Old Asparagus
- 009FA5
≈ Ducati
- 8E6DFD
≈ Blackthorn Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.75:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.59:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.59:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
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);
}