Nazwany kolor · #93739E
Diffused Orchid
Diffused Orchid to #93739E: rgb(147 115 158), hsl(285 18% 54%), oklch(0.602 0.074 317.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Diffused Orchid color name →
#93739E
oklch(0.602 0.074 317.3)
Konwersje koloru
- HEX
- #93739e
- RGB
- rgb(147 115 158)
- HSL
- hsl(285 18% 54%)
- HWB
- hwb(285 45% 38%)
- OKLCH
- oklch(0.602 0.074 317.3)
- OKLab
- oklab(0.602 0.054 -0.05)
- CIE Lab
- lab(52.79 18.95 -18.34)
- LCH
- lch(52.79 26.37 315.9)
- CMYK
- cmyk(7% 27% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D80A8
- A88EB1
- B39BBB
- BDA9C4
- C8B7CE
- D3C5D8
- DED3E1
- E9E2EB
- F4F0F5
Odcienie ciemniejsze
- 7F6389
- 6C5474
- 594560
- 47364D
- 36283A
- 251B29
- 160F18
- 080509
- 010101
Tony
- 91749B
- 8F7698
- 8D7795
- 8C7992
- 8A7A8F
- 887B8C
- 867C89
- 847E86
- 827F83
Harmonie kolorów
Komplementarna +180°
- 93739E
Diffused Orchid
- 6C8B60
≈ Succulent Leaves
Analogowa -30° +30°
- 93739E
Diffused Orchid
- 7E7AAB
≈ Purple Rhapsody
- A26F89
≈ Pink Jazz
Triada +120° +240°
- 93739E
Diffused Orchid
- 9A7B4D
≈ Alluring Umber
- 448E90
≈ Blue Chill
Komplementarna rozszczepiona +150° +210°
- 93739E
Diffused Orchid
- 85844F
≈ Candied Lime
- 528F78
≈ Winter Green
Tetrada +90° +180° +270°
- 93739E
Diffused Orchid
- A6735A
≈ Marron Canela
- 6C8B60
≈ Succulent Leaves
- 4D8AA3
≈ Cossack Dancer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.04:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.18:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--diffused-orchid: #93739e;
--diffused-orchid-rgb: 147 115 158;
--diffused-orchid-oklch: oklch(0.602 0.074 317.3);
}
.element {
color: var(--diffused-orchid);
background-color: hsl(285 18% 54%);
border-color: oklch(0.602 0.074 317.3);
}Tailwind CSS v4
@theme {
--color-diffused-orchid: #93739e;
--color-diffused-orchid-50: #ffefff;
--color-diffused-orchid-100: #f3e1f8;
--color-diffused-orchid-200: #e2cbe9;
--color-diffused-orchid-300: #c8acd0;
--color-diffused-orchid-400: #b191bb;
--color-diffused-orchid-500: #9a77a7;
--color-diffused-orchid-600: #82658d;
--color-diffused-orchid-700: #695071;
--color-diffused-orchid-800: #4c3b54;
--color-diffused-orchid-900: #35283b;
--color-diffused-orchid-950: #201625;
}SCSS
$diffused-orchid: #93739e;
$diffused-orchid-rgb: 147, 115, 158;
$diffused-orchid-light: mix(#fff, $diffused-orchid, 20%);
$diffused-orchid-dark: mix(#000, $diffused-orchid, 20%);
.element {
color: $diffused-orchid;
box-shadow: 0 0 0 2px rgba($diffused-orchid, 0.35);
}