Adlandırılmış renk · #7F7793
Kinlock
Kinlock, #7F7793: rgb(127 119 147), hsl(257 11% 52%), oklch(0.586 0.043 298.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Kinlock color name →
#7F7793
oklch(0.586 0.043 298.1)
Renk dönüşümleri
- HEX
- #7f7793
- RGB
- rgb(127 119 147)
- HSL
- hsl(257 11% 52%)
- HWB
- hwb(257 47% 42%)
- OKLCH
- oklch(0.586 0.043 298.1)
- OKLab
- oklab(0.586 0.02 -0.038)
- CIE Lab
- lab(51.51 7.57 -14.1)
- LCH
- lch(51.51 16 298.2)
- CMYK
- cmyk(14% 19% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B849D
- 9791A8
- A49EB3
- B0ABBD
- BDB9C8
- CAC7D3
- D7D4DE
- E4E2E9
- F1F1F4
Koyu tonlar
- 6E677F
- 5D576C
- 4C4759
- 3C3847
- 2D2A36
- 1F1C25
- 111016
- 060508
- 010101
Gri tonlar
- 7F7891
- 7F798F
- 7F7A8D
- 7F7B8C
- 7F7C8A
- 807D88
- 807D86
- 807E84
- 807F82
Renk uyumları
Tamamlayıcı +180°
- 7F7793
Kinlock
- 798063
≈ Koi Pond
Analog -30° +30°
- 7F7793
Kinlock
- 717C97
≈ Infinity and Beyond
- 8B7389
≈ Faded Orchid
Üçlü +120° +240°
- 7F7793
Kinlock
- 907663
≈ Llama Wool
- 60857C
≈ Greenella
Bölünmüş tamamlayıcı +150° +210°
- 7F7793
Kinlock
- 877B5F
≈ Weathered Plank
- 6B846E
≈ Ranger Green
Dörtlü +90° +180° +270°
- 7F7793
Kinlock
- 94736E
≈ Mulberry Silk
- 798063
≈ Koi Pond
- 5E848A
≈ Arctic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.23:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.96:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.96:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--kinlock: #7f7793;
--kinlock-rgb: 127 119 147;
--kinlock-oklch: oklch(0.586 0.043 298.1);
}
.element {
color: var(--kinlock);
background-color: hsl(257 11% 52%);
border-color: oklch(0.586 0.043 298.1);
}Tailwind CSS v4
@theme {
--color-kinlock: #7f7793;
--color-kinlock-50: #f7f3ff;
--color-kinlock-100: #eae5f5;
--color-kinlock-200: #d7d0e4;
--color-kinlock-300: #bab3cb;
--color-kinlock-400: #a199b5;
--color-kinlock-500: #8980a0;
--color-kinlock-600: #746d87;
--color-kinlock-700: #5d576c;
--color-kinlock-800: #433f50;
--color-kinlock-900: #2f2c38;
--color-kinlock-950: #1b1922;
}SCSS
$kinlock: #7f7793;
$kinlock-rgb: 127, 119, 147;
$kinlock-light: mix(#fff, $kinlock, 20%);
$kinlock-dark: mix(#000, $kinlock, 20%);
.element {
color: $kinlock;
box-shadow: 0 0 0 2px rgba($kinlock, 0.35);
}