Adlandırılmış renk · #68454B
Estate Vineyard
Estate Vineyard, #68454B: rgb(104 69 75), hsl(350 20% 34%), oklch(0.432 0.049 8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Estate Vineyard color name →
#68454B
oklch(0.432 0.049 8)
Renk dönüşümleri
- HEX
- #68454b
- RGB
- rgb(104 69 75)
- HSL
- hsl(350 20% 34%)
- HWB
- hwb(350 27% 59%)
- OKLCH
- oklch(0.432 0.049 8)
- OKLab
- oklab(0.432 0.048 0.007)
- CIE Lab
- lab(33.51 16.2 2.84)
- LCH
- lch(33.51 16.45 9.9)
- CMYK
- cmyk(0% 34% 28% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77565B
- 85676C
- 94797D
- A38B8E
- B29DA0
- C1B0B3
- D0C3C5
- E0D7D8
- EFEBEB
Koyu tonlar
- 593B40
- 4B3135
- 3E272B
- 301E21
- 241517
- 180C0E
- 0C0506
- 040202
- 000000
Gri tonlar
- 6B4B50
- 6D5155
- 70565A
- 725C60
- 756265
- 77686A
- 7A6E70
- 7C7475
- 7E7A7A
Renk uyumları
Tamamlayıcı +180°
- 68454B
Estate Vineyard
- 2E5955
≈ Enchanting Ivy
Analog -30° +30°
- 68454B
Estate Vineyard
- 62465A
≈ Ripe Mulberry
- 68473D
≈ Deep Cherrywood
Üçlü +120° +240°
- 68454B
Estate Vineyard
- 485638
≈ Banksia Leaf
- 3A536A
≈ Plaudit
Bölünmüş tamamlayıcı +150° +210°
- 68454B
Estate Vineyard
- 395946
≈ Royal Hunter Green
- 2F5762
≈ Green Moonstone
Dörtlü +90° +180° +270°
- 68454B
Estate Vineyard
- 575131
≈ Avocado Pear
- 2E5955
≈ Enchanting Ivy
- 4A4E6B
≈ Crown Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.26:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.54:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.26:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--estate-vineyard: #68454b;
--estate-vineyard-rgb: 104 69 75;
--estate-vineyard-oklch: oklch(0.432 0.049 8);
}
.element {
color: var(--estate-vineyard);
background-color: hsl(350 20% 34%);
border-color: oklch(0.432 0.049 8);
}Tailwind CSS v4
@theme {
--color-estate-vineyard: #68454b;
--color-estate-vineyard-50: #fff0f2;
--color-estate-vineyard-100: #f8e2e4;
--color-estate-vineyard-200: #e8cccf;
--color-estate-vineyard-300: #cfaeb2;
--color-estate-vineyard-400: #b99399;
--color-estate-vineyard-500: #a37980;
--color-estate-vineyard-600: #8a676c;
--color-estate-vineyard-700: #6f5256;
--color-estate-vineyard-800: #523b40;
--color-estate-vineyard-900: #39292c;
--color-estate-vineyard-950: #231719;
}SCSS
$estate-vineyard: #68454b;
$estate-vineyard-rgb: 104, 69, 75;
$estate-vineyard-light: mix(#fff, $estate-vineyard, 20%);
$estate-vineyard-dark: mix(#000, $estate-vineyard, 20%);
.element {
color: $estate-vineyard;
box-shadow: 0 0 0 2px rgba($estate-vineyard, 0.35);
}