En yakın adlandırılmış renk · #6D2B76
#6D2B76
En yakın adlandırılmış renk: Galactic Grapevine
#6D2B76 (rgb(109 43 118), hsl(293 47% 32%), oklch(0.415 0.137 322.7)) en çok Galactic Grapevine adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6D2B76
oklch(0.415 0.137 322.7)
Renk dönüşümleri
- HEX
- #6d2b76
- RGB
- rgb(109 43 118)
- HSL
- hsl(293 47% 32%)
- HWB
- hwb(293 17% 54%)
- OKLCH
- oklch(0.415 0.137 322.7)
- OKLab
- oklab(0.415 0.109 -0.083)
- CIE Lab
- lab(29.99 38.16 -29.78)
- LCH
- lch(29.99 48.4 322)
- CMYK
- cmyk(8% 64% 0% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C4184
- 8A5591
- 996A9F
- A77EAC
- B693BA
- C4A8C8
- D3BDD5
- E2D3E3
- F0E9F1
Koyu tonlar
- 5E2466
- 4F1D56
- 411647
- 331038
- 260A29
- 19051C
- 0D020F
- 040105
- 010001
Gri tonlar
- 703577
- 723E79
- 74477A
- 76507B
- 78587C
- 7A607D
- 7C687E
- 7D707F
- 7F7880
Renk uyumları
Tamamlayıcı +180°
- 6D2B76
Galactic Grapevine
- 055D06
≈ Evergreen Shade
Analog -30° +30°
- 6D2B76
Galactic Grapevine
- 50388E
≈ Blue Gem
- 7F2152
≈ Pico Eggplant
Üçlü +120° +240°
- 6D2B76
Galactic Grapevine
- 624600
≈ Mud Brown
- 00575D
≈ Deep Teal
Bölünmüş tamamlayıcı +150° +210°
- 6D2B76
Galactic Grapevine
- 4D5000
≈ Scorzonera Brown
- 005947
≈ Forest Shadows
Dörtlü +90° +180° +270°
- 6D2B76
Galactic Grapevine
- 773800
≈ Red Beech
- 055D06
≈ Evergreen Shade
- 005372
≈ Captain Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.30:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.25:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--galactic-grapevine: #6d2b76;
--galactic-grapevine-rgb: 109 43 118;
--galactic-grapevine-oklch: oklch(0.415 0.137 322.7);
}
.element {
color: var(--galactic-grapevine);
background-color: hsl(293 47% 32%);
border-color: oklch(0.415 0.137 322.7);
}Tailwind CSS v4
@theme {
--color-galactic-grapevine: #6d2b76;
--color-galactic-grapevine-50: #ffe8ff;
--color-galactic-grapevine-100: #ffd9ff;
--color-galactic-grapevine-200: #f2c1f5;
--color-galactic-grapevine-300: #db9fde;
--color-galactic-grapevine-400: #c582cd;
--color-galactic-grapevine-500: #b063ba;
--color-galactic-grapevine-600: #95559d;
--color-galactic-grapevine-700: #77437e;
--color-galactic-grapevine-800: #57315f;
--color-galactic-grapevine-900: #3d2143;
--color-galactic-grapevine-950: #26102b;
}SCSS
$galactic-grapevine: #6d2b76;
$galactic-grapevine-rgb: 109, 43, 118;
$galactic-grapevine-light: mix(#fff, $galactic-grapevine, 20%);
$galactic-grapevine-dark: mix(#000, $galactic-grapevine, 20%);
.element {
color: $galactic-grapevine;
box-shadow: 0 0 0 2px rgba($galactic-grapevine, 0.35);
}