En yakın adlandırılmış renk · #5C5E7F
#5C5E7F
En yakın adlandırılmış renk: Majestic Magic
#5C5E7F (rgb(92 94 127), hsl(237 16% 43%), oklch(0.493 0.053 281.6)) en çok Majestic Magic 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.
#5C5E7F
oklch(0.493 0.053 281.6)
Renk dönüşümleri
- HEX
- #5c5e7f
- RGB
- rgb(92 94 127)
- HSL
- hsl(237 16% 43%)
- HWB
- hwb(237 36% 50%)
- OKLCH
- oklch(0.493 0.053 281.6)
- OKLab
- oklab(0.493 0.011 -0.052)
- CIE Lab
- lab(40.72 5.24 -18.9)
- LCH
- lch(40.72 19.61 285.5)
- CMYK
- cmyk(28% 26% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B6D8B
- 7A7C98
- 898CA4
- 999BB1
- AAABBE
- BABCCB
- CBCCD7
- DCDDE5
- EDEEF2
Koyu tonlar
- 4F516E
- 42445D
- 36374C
- 2A2B3C
- 1F1F2D
- 14141F
- 0A0A11
- 030306
- 000001
Gri tonlar
- 5F617F
- 636580
- 666880
- 6A6C80
- 6E6F80
- 717280
- 757680
- 797980
- 7C7D80
Renk uyumları
Tamamlayıcı +180°
- 5C5E7F
Majestic Magic
- 67633F
≈ Glossy Olive
Analog -30° +30°
- 5C5E7F
Majestic Magic
- 4B647F
≈ Admiral Blue
- 6B5977
≈ Indigo Red
Üçlü +120° +240°
- 5C5E7F
Majestic Magic
- 7C584A
≈ Burns Cave
- 456B58
≈ June Ivy
Bölünmüş tamamlayıcı +150° +210°
- 5C5E7F
Majestic Magic
- 745D40
≈ Muddy River
- 566848
≈ Jalapeño Bouquet
Dörtlü +90° +180° +270°
- 5C5E7F
Majestic Magic
- 7C555A
≈ Rose Branch
- 67633F
≈ Glossy Olive
- 3B6B69
≈ Betta Fish
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.24:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.36:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--majestic-magic: #5c5e7f;
--majestic-magic-rgb: 92 94 127;
--majestic-magic-oklch: oklch(0.493 0.053 281.6);
}
.element {
color: var(--majestic-magic);
background-color: hsl(237 16% 43%);
border-color: oklch(0.493 0.053 281.6);
}Tailwind CSS v4
@theme {
--color-majestic-magic: #5c5e7f;
--color-majestic-magic-50: #f3f4ff;
--color-majestic-magic-100: #e5e6fa;
--color-majestic-magic-200: #d1d2eb;
--color-majestic-magic-300: #b3b4d2;
--color-majestic-magic-400: #999bbd;
--color-majestic-magic-500: #8082a9;
--color-majestic-magic-600: #6c6e8f;
--color-majestic-magic-700: #565872;
--color-majestic-magic-800: #3e4155;
--color-majestic-magic-900: #2b2d3b;
--color-majestic-magic-950: #181a25;
}SCSS
$majestic-magic: #5c5e7f;
$majestic-magic-rgb: 92, 94, 127;
$majestic-magic-light: mix(#fff, $majestic-magic, 20%);
$majestic-magic-dark: mix(#000, $majestic-magic, 20%);
.element {
color: $majestic-magic;
box-shadow: 0 0 0 2px rgba($majestic-magic, 0.35);
}