Adlandırılmış renk · #6F6ED1
C64 Purple
C64 Purple, #6F6ED1: rgb(111 110 209), hsl(241 52% 63%), oklch(0.587 0.148 281.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · C64 Purple color name →
#6F6ED1
oklch(0.587 0.148 281.3)
Renk dönüşümleri
- HEX
- #6f6ed1
- RGB
- rgb(111 110 209)
- HSL
- hsl(241 52% 63%)
- HWB
- hwb(241 43% 18%)
- OKLCH
- oklch(0.587 0.148 281.3)
- OKLab
- oklab(0.587 0.029 -0.145)
- CIE Lab
- lab(50.19 20.49 -51.98)
- LCH
- lch(50.19 55.87 291.5)
- CMYK
- cmyk(47% 47% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C7DD7
- 898BDC
- 969AE1
- A4A8E6
- B3B7EB
- C1C5EF
- D0D3F4
- E0E2F8
- EFF0FB
Koyu tonlar
- 605FB5
- 51509B
- 424181
- 343368
- 272650
- 1A1939
- 0E0E23
- 040410
- 010102
Gri tonlar
- 7071C9
- 7273C1
- 7375BA
- 7577B2
- 7679AA
- 787BA2
- 7A7C9A
- 7C7E91
- 7E7F89
Renk uyumları
Tamamlayıcı +180°
- 6F6ED1
C64 Purple
- 8C7E00
≈ Moscow Papyrus
Analog -30° +30°
- 6F6ED1
C64 Purple
- 297FD0
≈ Soothing Sapphire
- 995FBC
≈ Trunks Hair
Üçlü +120° +240°
- 6F6ED1
C64 Purple
- C2582C
≈ Raucous Orange
- 009363
≈ Emerald Lake
Bölünmüş tamamlayıcı +150° +210°
- 6F6ED1
C64 Purple
- AA6D00
≈ Cookie Dough
- 5B8D1D
≈ Sap Green
Dörtlü +90° +180° +270°
- 6F6ED1
C64 Purple
- C35066
≈ Eros Pink
- 8C7E00
≈ Moscow Papyrus
- 008F8B
≈ Corfu Shallows
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.35:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.82:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--c64-purple: #6f6ed1;
--c64-purple-rgb: 111 110 209;
--c64-purple-oklch: oklch(0.587 0.148 281.3);
}
.element {
color: var(--c64-purple);
background-color: hsl(241 52% 63%);
border-color: oklch(0.587 0.148 281.3);
}Tailwind CSS v4
@theme {
--color-c64-purple: #6f6ed1;
--color-c64-purple-50: #eff1ff;
--color-c64-purple-100: #e0e2ff;
--color-c64-purple-200: #cbcdff;
--color-c64-purple-300: #adadff;
--color-c64-purple-400: #9092f3;
--color-c64-purple-500: #7876e5;
--color-c64-purple-600: #6564c1;
--color-c64-purple-700: #51509b;
--color-c64-purple-800: #393b74;
--color-c64-purple-900: #272852;
--color-c64-purple-950: #151637;
}SCSS
$c64-purple: #6f6ed1;
$c64-purple-rgb: 111, 110, 209;
$c64-purple-light: mix(#fff, $c64-purple, 20%);
$c64-purple-dark: mix(#000, $c64-purple, 20%);
.element {
color: $c64-purple;
box-shadow: 0 0 0 2px rgba($c64-purple, 0.35);
}