En yakın adlandırılmış renk · #94679A
#94679A
En yakın adlandırılmış renk: Crown Jewels
#94679A (rgb(148 103 154), hsl(293 20% 50%), oklch(0.579 0.092 322.6)) en çok Crown Jewels adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#94679A
oklch(0.579 0.092 322.6)
Renk dönüşümleri
- HEX
- #94679a
- RGB
- rgb(148 103 154)
- HSL
- hsl(293 20% 50%)
- HWB
- hwb(293 40% 40%)
- OKLCH
- oklch(0.579 0.092 322.6)
- OKLab
- oklab(0.579 0.073 -0.056)
- CIE Lab
- lab(49.82 25.28 -20.49)
- LCH
- lch(49.82 32.54 321)
- CMYK
- cmyk(4% 33% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F76A4
- A984AE
- B493B8
- BEA2C2
- C9B1CC
- D4C0D6
- DFD0E0
- E9DFEB
- F4EFF5
Koyu tonlar
- 805985
- 6D4B71
- 5A3D5E
- 48304B
- 362339
- 261727
- 160C17
- 080409
- 010001
Gri tonlar
- 926A98
- 906C95
- 8F6F93
- 8D7290
- 8B748D
- 89778B
- 877988
- 847B85
- 827E83
Renk uyumları
Tamamlayıcı +180°
- 94679A
Crown Jewels
- 598855
≈ Emerald Ring
Analog -30° +30°
- 94679A
Crown Jewels
- 7C6FAC
≈ Plum Preserve
- A4627F
≈ Beryl Red
Üçlü +120° +240°
- 94679A
Crown Jewels
- 957433
≈ California Gold Rush
- 1C8A92
≈ Tempo Teal
Bölünmüş tamamlayıcı +150° +210°
- 94679A
Crown Jewels
- 7B803B
≈ Thai Basil
- 328C74
≈ Ionian
Dörtlü +90° +180° +270°
- 94679A
Crown Jewels
- A56A44
≈ Maple Glaze
- 598855
≈ Emerald Ring
- 3883A7
≈ Lake Henry
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--crown-jewels: #94679a;
--crown-jewels-rgb: 148 103 154;
--crown-jewels-oklch: oklch(0.579 0.092 322.6);
}
.element {
color: var(--crown-jewels);
background-color: hsl(293 20% 50%);
border-color: oklch(0.579 0.092 322.6);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #94679a;
--color-crown-jewels-50: #ffedff;
--color-crown-jewels-100: #f8def9;
--color-crown-jewels-200: #e9c7eb;
--color-crown-jewels-300: #d0a8d2;
--color-crown-jewels-400: #b98cbf;
--color-crown-jewels-500: #a371aa;
--color-crown-jewels-600: #8a6090;
--color-crown-jewels-700: #6f4c73;
--color-crown-jewels-800: #513856;
--color-crown-jewels-900: #38263c;
--color-crown-jewels-950: #231426;
}SCSS
$crown-jewels: #94679a;
$crown-jewels-rgb: 148, 103, 154;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}