Adlandırılmış renk · #694977
Benevolence
Benevolence, #694977: rgb(105 73 119), hsl(282 24% 38%), oklch(0.459 0.082 315.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Benevolence color name →
#694977
oklch(0.459 0.082 315.2)
Renk dönüşümleri
- HEX
- #694977
- RGB
- rgb(105 73 119)
- HSL
- hsl(282 24% 38%)
- HWB
- hwb(282 29% 53%)
- OKLCH
- oklch(0.459 0.082 315.2)
- OKLab
- oklab(0.459 0.058 -0.058)
- CIE Lab
- lab(36.06 20.77 -21.01)
- LCH
- lch(36.06 29.54 314.7)
- CMYK
- cmyk(12% 39% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 775A84
- 856B91
- 947C9F
- A38EAC
- B2A0BA
- C1B3C7
- D0C5D5
- DFD8E3
- EFEBF1
Koyu tonlar
- 5A3E67
- 4C3457
- 3E2A47
- 312038
- 24172A
- 180E1C
- 0C0610
- 040205
- 000001
Gri tonlar
- 6B4F78
- 6E5479
- 705A7A
- 725F7B
- 75657C
- 776A7D
- 79707E
- 7C757F
- 7E7B7F
Renk uyumları
Tamamlayıcı +180°
- 694977
Benevolence
- 436232
≈ Greenhouse
Analog -30° +30°
- 694977
Benevolence
- 535184
≈ Tangent Periwinkle
- 784462
≈ Scintillating Violet
Üçlü +120° +240°
- 694977
Benevolence
- 72501B
≈ Trojan Horse Brown
- 006565
≈ Sci-fi Petrol
Bölünmüş tamamlayıcı +150° +210°
- 694977
Benevolence
- 5F5A1C
≈ Costa Del Sol
- 1F664C
≈ Brunswick
Dörtlü +90° +180° +270°
- 694977
Benevolence
- 7D482F
≈ Éclair au Chocolat
- 436232
≈ Greenhouse
- 10617A
≈ Jamaican Dream
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.44:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--benevolence: #694977;
--benevolence-rgb: 105 73 119;
--benevolence-oklch: oklch(0.459 0.082 315.2);
}
.element {
color: var(--benevolence);
background-color: hsl(282 24% 38%);
border-color: oklch(0.459 0.082 315.2);
}Tailwind CSS v4
@theme {
--color-benevolence: #694977;
--color-benevolence-50: #ffeeff;
--color-benevolence-100: #f3e0fa;
--color-benevolence-200: #e3caec;
--color-benevolence-300: #c9abd4;
--color-benevolence-400: #b190c0;
--color-benevolence-500: #9b75ac;
--color-benevolence-600: #836491;
--color-benevolence-700: #694f74;
--color-benevolence-800: #4c3a57;
--color-benevolence-900: #35283c;
--color-benevolence-950: #201626;
}SCSS
$benevolence: #694977;
$benevolence-rgb: 105, 73, 119;
$benevolence-light: mix(#fff, $benevolence, 20%);
$benevolence-dark: mix(#000, $benevolence, 20%);
.element {
color: $benevolence;
box-shadow: 0 0 0 2px rgba($benevolence, 0.35);
}