Adlandırılmış renk · #6B6D85
Great Grape
Great Grape, #6B6D85: rgb(107 109 133), hsl(235 11% 47%), oklch(0.542 0.037 281.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Great Grape color name →
#6B6D85
oklch(0.542 0.037 281.3)
Renk dönüşümleri
- HEX
- #6b6d85
- RGB
- rgb(107 109 133)
- HSL
- hsl(235 11% 47%)
- HWB
- hwb(235 42% 48%)
- OKLCH
- oklch(0.542 0.037 281.3)
- OKLab
- oklab(0.542 0.007 -0.037)
- CIE Lab
- lab(46.52 3.29 -13.57)
- LCH
- lch(46.52 13.97 283.6)
- CMYK
- cmyk(20% 18% 0% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 797B91
- 87889C
- 9597A8
- A3A5B4
- B2B3C1
- C1C2CD
- D0D1D9
- E0E0E6
- EFEFF2
Koyu tonlar
- 5C5E73
- 4E4F61
- 3F4150
- 323340
- 252630
- 181921
- 0D0D13
- 040406
- 000101
Gri tonlar
- 6D6F85
- 6F7184
- 717384
- 737583
- 757783
- 777882
- 7A7A82
- 7C7C81
- 7E7E81
Renk uyumları
Tamamlayıcı +180°
- 6B6D85
Great Grape
- 737057
≈ Burnt Olive
Analog -30° +30°
- 6B6D85
Great Grape
- 5F7185
≈ Layers of Ocean
- 766980
≈ Fujinezumi
Üçlü +120° +240°
- 6B6D85
Great Grape
- 83685F
≈ Nut Brown
- 5C7668
≈ Mt Burleigh
Bölünmüş tamamlayıcı +150° +210°
- 6B6D85
Great Grape
- 7D6C58
≈ Ye Olde Rustic Colour
- 67745D
≈ Bean Counter
Dörtlü +90° +180° +270°
- 6B6D85
Great Grape
- 83676A
≈ Mauving Up
- 737057
≈ Burnt Olive
- 567674
≈ Sagebrush Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.05:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.15:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--great-grape: #6b6d85;
--great-grape-rgb: 107 109 133;
--great-grape-oklch: oklch(0.542 0.037 281.3);
}
.element {
color: var(--great-grape);
background-color: hsl(235 11% 47%);
border-color: oklch(0.542 0.037 281.3);
}Tailwind CSS v4
@theme {
--color-great-grape: #6b6d85;
--color-great-grape-50: #f3f4ff;
--color-great-grape-100: #e6e7f4;
--color-great-grape-200: #d2d3e4;
--color-great-grape-300: #b4b5cb;
--color-great-grape-400: #9a9cb5;
--color-great-grape-500: #81849f;
--color-great-grape-600: #6e6f86;
--color-great-grape-700: #58596c;
--color-great-grape-800: #3f414f;
--color-great-grape-900: #2c2d37;
--color-great-grape-950: #191a22;
}SCSS
$great-grape: #6b6d85;
$great-grape-rgb: 107, 109, 133;
$great-grape-light: mix(#fff, $great-grape, 20%);
$great-grape-dark: mix(#000, $great-grape, 20%);
.element {
color: $great-grape;
box-shadow: 0 0 0 2px rgba($great-grape, 0.35);
}