Najbliższy nazwany kolor · #90407E
#90407E
Najbliższy nazwany kolor: Grape Riot
#90407E (rgb(144 64 126), hsl(314 38% 41%), oklch(0.498 0.133 336.8)) jest najbliższy nazwanemu kolorowi Grape Riot. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#90407E
oklch(0.498 0.133 336.8)
Konwersje koloru
- HEX
- #90407e
- RGB
- rgb(144 64 126)
- HSL
- hsl(314 38% 41%)
- HWB
- hwb(314 25% 44%)
- OKLCH
- oklch(0.498 0.133 336.8)
- OKLab
- oklab(0.498 0.122 -0.052)
- CIE Lab
- lab(39.82 40.4 -18.99)
- LCH
- lch(39.82 44.65 334.8)
- CMYK
- cmyk(0% 56% 12% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C538A
- A86697
- B378A4
- BF8BB0
- CA9EBD
- D5B1CA
- E0C4D7
- EAD8E4
- F5EBF2
Odcienie ciemniejsze
- 7D366D
- 6A2D5C
- 57244C
- 451B3C
- 34132D
- 240B1F
- 150511
- 070105
- 010001
Tony
- 8F487E
- 8E4F7F
- 8D557F
- 8C5C7F
- 8B6280
- 896880
- 876E80
- 857480
- 837A80
Harmonie kolorów
Komplementarna +180°
- 90407E
Grape Riot
- 007646
≈ Succulents
Analogowa -30° +30°
- 90407E
Grape Riot
- 774A9D
≈ Studio
- 9E3B56
≈ Raspberry Ice Red
Triada +120° +240°
- 90407E
Grape Riot
- 736200
≈ Spicy Mustard
- 006E83
≈ Crystal Teal
Komplementarna rozszczepiona +150° +210°
- 90407E
Grape Riot
- 4F6F00
≈ Over the Hills
- 00726B
≈ Pharaoh’s Gem
Tetrada +90° +180° +270°
- 90407E
Grape Riot
- 8C5400
≈ Spear Shaft
- 007646
≈ Succulents
- 0067A8
≈ Medium Persian Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.22:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--grape-riot: #90407e;
--grape-riot-rgb: 144 64 126;
--grape-riot-oklch: oklch(0.498 0.133 336.8);
}
.element {
color: var(--grape-riot);
background-color: hsl(314 38% 41%);
border-color: oklch(0.498 0.133 336.8);
}Tailwind CSS v4
@theme {
--color-grape-riot: #90407e;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd7f7;
--color-grape-riot-200: #fbbfe7;
--color-grape-riot-300: #e59dce;
--color-grape-riot-400: #d07ebb;
--color-grape-riot-500: #bc60a6;
--color-grape-riot-600: #9f528c;
--color-grape-riot-700: #7f4171;
--color-grape-riot-800: #5e2f55;
--color-grape-riot-900: #42203b;
--color-grape-riot-950: #2a0f25;
}SCSS
$grape-riot: #90407e;
$grape-riot-rgb: 144, 64, 126;
$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);
}