Adlandırılmış renk · #6E5755
Purple Statement
Purple Statement, #6E5755: rgb(110 87 85), hsl(5 13% 38%), oklch(0.48 0.031 24.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Purple Statement color name →
#6E5755
oklch(0.48 0.031 24.1)
Renk dönüşümleri
- HEX
- #6e5755
- RGB
- rgb(110 87 85)
- HSL
- hsl(5 13% 38%)
- HWB
- hwb(5 33% 57%)
- OKLCH
- oklch(0.48 0.031 24.1)
- OKLab
- oklab(0.48 0.028 0.013)
- CIE Lab
- lab(39.33 9.53 4.96)
- LCH
- lch(39.33 10.74 27.5)
- CMYK
- cmyk(0% 21% 23% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C6664
- 8A7674
- 988684
- A69695
- B4A7A6
- C3B8B7
- D2CAC9
- E1DBDB
- F0EDED
Koyu tonlar
- 5F4B49
- 503E3D
- 413331
- 332726
- 261C1C
- 191211
- 0E0808
- 040302
- 010000
Gri tonlar
- 705B59
- 725F5D
- 746362
- 766766
- 776B6A
- 796F6E
- 7B7473
- 7D7877
- 7E7C7C
Renk uyumları
Tamamlayıcı +180°
- 6E5755
Purple Statement
- 496365
≈ Smalt Blue
Analog -30° +30°
- 6E5755
Purple Statement
- 6C575F
≈ Mocha Brown
- 6C594D
≈ Arctic Tundra
Üçlü +120° +240°
- 6E5755
Purple Statement
- 536253
≈ Northern Glen
- 555E6F
≈ Suede Indigo
Bölünmüş tamamlayıcı +150° +210°
- 6E5755
Purple Statement
- 4C635C
≈ Vert Pierre
- 4D616C
≈ Blackthorn Blue
Dörtlü +90° +180° +270°
- 6E5755
Purple Statement
- 5D604C
≈ Fresh Basil
- 496365
≈ Smalt Blue
- 5E5A6E
≈ Gobelin Mauve
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.65:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.15:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-statement: #6e5755;
--purple-statement-rgb: 110 87 85;
--purple-statement-oklch: oklch(0.48 0.031 24.1);
}
.element {
color: var(--purple-statement);
background-color: hsl(5 13% 38%);
border-color: oklch(0.48 0.031 24.1);
}Tailwind CSS v4
@theme {
--color-purple-statement: #6e5755;
--color-purple-statement-50: #fef2f0;
--color-purple-statement-100: #f2e4e2;
--color-purple-statement-200: #e1d0cd;
--color-purple-statement-300: #c7b2af;
--color-purple-statement-400: #b09896;
--color-purple-statement-500: #9a7f7c;
--color-purple-statement-600: #826b69;
--color-purple-statement-700: #685654;
--color-purple-statement-800: #4d3e3e;
--color-purple-statement-900: #352b2a;
--color-purple-statement-950: #201818;
}SCSS
$purple-statement: #6e5755;
$purple-statement-rgb: 110, 87, 85;
$purple-statement-light: mix(#fff, $purple-statement, 20%);
$purple-statement-dark: mix(#000, $purple-statement, 20%);
.element {
color: $purple-statement;
box-shadow: 0 0 0 2px rgba($purple-statement, 0.35);
}