Adlandırılmış renk · #6F636D
Vintage Grape
Vintage Grape, #6F636D: rgb(111 99 109), hsl(310 6% 41%), oklch(0.514 0.022 331.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Vintage Grape color name →
#6F636D
oklch(0.514 0.022 331.4)
Renk dönüşümleri
- HEX
- #6f636d
- RGB
- rgb(111 99 109)
- HSL
- hsl(310 6% 41%)
- HWB
- hwb(310 39% 56%)
- OKLCH
- oklch(0.514 0.022 331.4)
- OKLab
- oklab(0.514 0.019 -0.01)
- CIE Lab
- lab(43.37 6.41 -3.83)
- LCH
- lch(43.37 7.47 329.1)
- CMYK
- cmyk(0% 11% 2% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C717B
- 8A8088
- 988F96
- A69EA5
- B4AEB3
- C3BEC2
- D2CED1
- E1DEE0
- F0EEEF
Koyu tonlar
- 60555E
- 51474F
- 423A41
- 342E33
- 272126
- 1A1619
- 0E0B0D
- 040304
- 010001
Gri tonlar
- 71666F
- 726971
- 746C73
- 766E75
- 787176
- 797478
- 7B777A
- 7D7A7C
- 7E7D7E
Renk uyumları
Tamamlayıcı +180°
- 6F636D
Vintage Grape
- 5F6B61
≈ Windrock
Analog -30° +30°
- 6F636D
Vintage Grape
- 696572
≈ Silverado
- 736266
≈ Dignified Purple
Üçlü +120° +240°
- 6F636D
Vintage Grape
- 6C675A
≈ Catch of the Day
- 5A6B6E
≈ Spacebox
Bölünmüş tamamlayıcı +150° +210°
- 6F636D
Vintage Grape
- 65695C
≈ Greenish Grey Bark
- 5A6C68
≈ Meteorological
Dörtlü +90° +180° +270°
- 6F636D
Vintage Grape
- 71655B
≈ Morel
- 5F6B61
≈ Windrock
- 5D6973
≈ Feather Falls
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.70:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.68:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--vintage-grape: #6f636d;
--vintage-grape-rgb: 111 99 109;
--vintage-grape-oklch: oklch(0.514 0.022 331.4);
}
.element {
color: var(--vintage-grape);
background-color: hsl(310 6% 41%);
border-color: oklch(0.514 0.022 331.4);
}Tailwind CSS v4
@theme {
--color-vintage-grape: #6f636d;
--color-vintage-grape-50: #f9f3f8;
--color-vintage-grape-100: #ede5eb;
--color-vintage-grape-200: #dad1d8;
--color-vintage-grape-300: #bfb3bc;
--color-vintage-grape-400: #a69aa4;
--color-vintage-grape-500: #8f818d;
--color-vintage-grape-600: #796d77;
--color-vintage-grape-700: #61575f;
--color-vintage-grape-800: #474046;
--color-vintage-grape-900: #312c30;
--color-vintage-grape-950: #1d191d;
}SCSS
$vintage-grape: #6f636d;
$vintage-grape-rgb: 111, 99, 109;
$vintage-grape-light: mix(#fff, $vintage-grape, 20%);
$vintage-grape-dark: mix(#000, $vintage-grape, 20%);
.element {
color: $vintage-grape;
box-shadow: 0 0 0 2px rgba($vintage-grape, 0.35);
}