Nazwany kolor · #736993
Purple Grapes
Purple Grapes to #736993: rgb(115 105 147), hsl(254 17% 49%), oklch(0.546 0.065 295.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Purple Grapes color name →
#736993
oklch(0.546 0.065 295.1)
Konwersje koloru
- HEX
- #736993
- RGB
- rgb(115 105 147)
- HSL
- hsl(254 17% 49%)
- HWB
- hwb(254 41% 42%)
- OKLCH
- oklch(0.546 0.065 295.1)
- OKLab
- oklab(0.546 0.028 -0.059)
- CIE Lab
- lab(46.59 11.07 -21.67)
- LCH
- lch(46.59 24.34 297.1)
- CMYK
- cmyk(22% 29% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 80779E
- 8D85A8
- 9B94B3
- A8A3BE
- B6B2C8
- C4C1D3
- D3D0DE
- E1DFE9
- F0EFF4
Odcienie ciemniejsze
- 635A7F
- 544C6C
- 453E59
- 363147
- 282436
- 1B1825
- 0F0C16
- 050408
- 010001
Tony
- 746B91
- 756E90
- 77708E
- 78728C
- 79758A
- 7B7788
- 7C7986
- 7D7C84
- 7F7E82
Harmonie kolorów
Komplementarna +180°
- 736993
Purple Grapes
- 6F7548
≈ Ancient Bonsai
Analogowa -30° +30°
- 736993
Purple Grapes
- 5E7097
≈ Blueberry Patch
- 846386
≈ Orchid Orchestra
Triada +120° +240°
- 736993
Purple Grapes
- 8F664B
≈ Mocha Delight
- 447D6E
≈ Azurite Water Green
Komplementarna rozszczepiona +150° +210°
- 736993
Purple Grapes
- 826E43
≈ Valencia Moss
- 587B59
≈ Green Mantle
Tetrada +90° +180° +270°
- 736993
Purple Grapes
- 93625D
≈ Canyon Stone
- 6F7548
≈ Ancient Bonsai
- 3D7C83
≈ Sea Urchin
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.03:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.17:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-grapes: #736993;
--purple-grapes-rgb: 115 105 147;
--purple-grapes-oklch: oklch(0.546 0.065 295.1);
}
.element {
color: var(--purple-grapes);
background-color: hsl(254 17% 49%);
border-color: oklch(0.546 0.065 295.1);
}Tailwind CSS v4
@theme {
--color-purple-grapes: #736993;
--color-purple-grapes-50: #f7f2ff;
--color-purple-grapes-100: #eae4fc;
--color-purple-grapes-200: #d7cfed;
--color-purple-grapes-300: #bab1d5;
--color-purple-grapes-400: #a197c2;
--color-purple-grapes-500: #897ead;
--color-purple-grapes-600: #746b92;
--color-purple-grapes-700: #5d5575;
--color-purple-grapes-800: #433e57;
--color-purple-grapes-900: #2e2b3d;
--color-purple-grapes-950: #1b1826;
}SCSS
$purple-grapes: #736993;
$purple-grapes-rgb: 115, 105, 147;
$purple-grapes-light: mix(#fff, $purple-grapes, 20%);
$purple-grapes-dark: mix(#000, $purple-grapes, 20%);
.element {
color: $purple-grapes;
box-shadow: 0 0 0 2px rgba($purple-grapes, 0.35);
}