Adlandırılmış renk · #837F92
Purpletone
Purpletone, #837F92: rgb(131 127 146), hsl(253 8% 54%), oklch(0.606 0.029 295.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Purpletone color name →
#837F92
oklch(0.606 0.029 295.2)
Renk dönüşümleri
- HEX
- #837f92
- RGB
- rgb(131 127 146)
- HSL
- hsl(253 8% 54%)
- HWB
- hwb(253 50% 43%)
- OKLCH
- oklch(0.606 0.029 295.2)
- OKLab
- oklab(0.606 0.012 -0.026)
- CIE Lab
- lab(54.03 4.5 -9.71)
- LCH
- lch(54.03 10.71 294.8)
- CMYK
- cmyk(10% 13% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F8B9C
- 9B97A7
- A7A4B2
- B3B0BC
- BFBDC7
- CCCAD2
- D8D7DD
- E5E4E8
- F2F2F4
Koyu tonlar
- 716E7E
- 605D6B
- 4F4C58
- 3F3C46
- 2F2D35
- 201F25
- 121116
- 060608
- 010101
Gri tonlar
- 837F90
- 827F8E
- 827F8D
- 827F8B
- 818089
- 818087
- 818085
- 818084
- 808082
Renk uyumları
Tamamlayıcı +180°
- 837F92
Purpletone
- 818471
≈ Hanover Pewter
Analog -30° +30°
- 837F92
Purpletone
- 7A8294
≈ Stowaway
- 8B7C8C
≈ Mediaeval Wine
Üçlü +120° +240°
- 837F92
Purpletone
- 907E72
≈ Bridle Leather
- 718881
≈ Misty Moor
Bölünmüş tamamlayıcı +150° +210°
- 837F92
Purpletone
- 8A816F
≈ Mossy Aura
- 788778
≈ Brassica
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.87:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.41:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--purpletone: #837f92;
--purpletone-rgb: 131 127 146;
--purpletone-oklch: oklch(0.606 0.029 295.2);
}
.element {
color: var(--purpletone);
background-color: hsl(253 8% 54%);
border-color: oklch(0.606 0.029 295.2);
}Tailwind CSS v4
@theme {
--color-purpletone: #837f92;
--color-purpletone-50: #f6f4fd;
--color-purpletone-100: #e9e6f1;
--color-purpletone-200: #d5d2df;
--color-purpletone-300: #b9b5c5;
--color-purpletone-400: #9f9bae;
--color-purpletone-500: #878398;
--color-purpletone-600: #726f80;
--color-purpletone-700: #5b5867;
--color-purpletone-800: #42414c;
--color-purpletone-900: #2e2d35;
--color-purpletone-950: #1b1a20;
}SCSS
$purpletone: #837f92;
$purpletone-rgb: 131, 127, 146;
$purpletone-light: mix(#fff, $purpletone, 20%);
$purpletone-dark: mix(#000, $purpletone, 20%);
.element {
color: $purpletone;
box-shadow: 0 0 0 2px rgba($purpletone, 0.35);
}