En yakın adlandırılmış renk · #934279
#934279
En yakın adlandırılmış renk: Grape Riot
#934279 (rgb(147 66 121), hsl(319 38% 42%), oklch(0.503 0.128 341.4)) en çok Grape Riot 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.
#934279
oklch(0.503 0.128 341.4)
Renk dönüşümleri
- HEX
- #934279
- RGB
- rgb(147 66 121)
- HSL
- hsl(319 38% 42%)
- HWB
- hwb(319 26% 42%)
- OKLCH
- oklch(0.503 0.128 341.4)
- OKLab
- oklab(0.503 0.122 -0.041)
- CIE Lab
- lab(40.5 39.85 -14.84)
- LCH
- lch(40.5 42.52 339.6)
- CMYK
- cmyk(0% 55% 18% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F5586
- AA6793
- B67AA0
- C18CAD
- CC9FBA
- D6B2C8
- E1C5D5
- EBD8E3
- F5EBF1
Koyu tonlar
- 7F3868
- 6C2F58
- 592548
- 471C39
- 36142B
- 250B1D
- 160510
- 080105
- 010001
Gri tonlar
- 92497A
- 91507B
- 90577B
- 8E5D7C
- 8C637D
- 8A697E
- 886F7E
- 86757F
- 837A7F
Renk uyumları
Tamamlayıcı +180°
- 934279
Grape Riot
- 00774F
≈ Gnarls Green
Analog -30° +30°
- 934279
Grape Riot
- 7C4B99
≈ Purple Pleasures
- 9F3F51
≈ Strawberry Daiquiri
Üçlü +120° +240°
- 934279
Grape Riot
- 716500
≈ Spicy Mustard
- 006F89
≈ Private Eye
Bölünmüş tamamlayıcı +150° +210°
- 934279
Grape Riot
- 487214
≈ Forest Empress
- 007370
≈ Reef
Dörtlü +90° +180° +270°
- 934279
Grape Riot
- 8A5800
≈ Spear Shaft
- 00774F
≈ Gnarls Green
- 1F66AA
≈ Barbados Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.37:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.29:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--grape-riot: #934279;
--grape-riot-rgb: 147 66 121;
--grape-riot-oklch: oklch(0.503 0.128 341.4);
}
.element {
color: var(--grape-riot);
background-color: hsl(319 38% 42%);
border-color: oklch(0.503 0.128 341.4);
}Tailwind CSS v4
@theme {
--color-grape-riot: #934279;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd8f3;
--color-grape-riot-200: #fcbfe2;
--color-grape-riot-300: #e69dc8;
--color-grape-riot-400: #d17fb4;
--color-grape-riot-500: #be609f;
--color-grape-riot-600: #a05286;
--color-grape-riot-700: #81416b;
--color-grape-riot-800: #5f2f51;
--color-grape-riot-900: #422038;
--color-grape-riot-950: #2a0f23;
}SCSS
$grape-riot: #934279;
$grape-riot-rgb: 147, 66, 121;
$grape-riot-light: mix(#fff, $grape-riot, 20%);
$grape-riot-dark: mix(#000, $grape-riot, 20%);
.element {
color: $grape-riot;
box-shadow: 0 0 0 2px rgba($grape-riot, 0.35);
}