En yakın adlandırılmış renk · #4D5074
#4D5074
En yakın adlandırılmış renk: Deep Indigo
#4D5074 (rgb(77 80 116), hsl(235 20% 38%), oklch(0.444 0.059 280)) en çok Deep Indigo 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.
#4D5074
oklch(0.444 0.059 280)
Renk dönüşümleri
- HEX
- #4d5074
- RGB
- rgb(77 80 116)
- HSL
- hsl(235 20% 38%)
- HWB
- hwb(235 30% 55%)
- OKLCH
- oklch(0.444 0.059 280)
- OKLab
- oklab(0.444 0.01 -0.058)
- CIE Lab
- lab(34.92 5.82 -21.19)
- LCH
- lch(34.92 21.97 285.4)
- CMYK
- cmyk(34% 31% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5D6081
- 6D708F
- 7E819C
- 8F92AA
- A1A4B8
- B3B5C6
- C6C7D4
- D8DAE2
- ECECF1
Koyu tonlar
- 424464
- 373954
- 2C2E45
- 222437
- 181A29
- 0F101B
- 07070F
- 020205
- 000001
Gri tonlar
- 525575
- 575A77
- 5C5E78
- 616379
- 66687B
- 6B6D7C
- 70727D
- 75767E
- 7B7B7F
Renk uyumları
Tamamlayıcı +180°
- 4D5074
Deep Indigo
- 5B542C
≈ West Coast
Analog -30° +30°
- 4D5074
Deep Indigo
- 3A5673
≈ Blue Earth
- 5E4A6C
≈ Wild Grapes
Üçlü +120° +240°
- 4D5074
Deep Indigo
- 70483A
≈ Dancing Dogs
- 345E48
≈ Wine Leaf
Bölünmüş tamamlayıcı +150° +210°
- 4D5074
Deep Indigo
- 694E2E
≈ Black Queen
- 495A37
≈ Stinging Nettle
Dörtlü +90° +180° +270°
- 4D5074
Deep Indigo
- 70464C
≈ Formal Maroon
- 5B542C
≈ West Coast
- 265E5B
≈ Lacrosse
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.73:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.71:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-indigo: #4d5074;
--deep-indigo-rgb: 77 80 116;
--deep-indigo-oklch: oklch(0.444 0.059 280);
}
.element {
color: var(--deep-indigo);
background-color: hsl(235 20% 38%);
border-color: oklch(0.444 0.059 280);
}Tailwind CSS v4
@theme {
--color-deep-indigo: #4d5074;
--color-deep-indigo-50: #f2f4ff;
--color-deep-indigo-100: #e4e6fc;
--color-deep-indigo-200: #d0d2ee;
--color-deep-indigo-300: #b2b4d6;
--color-deep-indigo-400: #979bc1;
--color-deep-indigo-500: #7e82ad;
--color-deep-indigo-600: #6b6e92;
--color-deep-indigo-700: #555875;
--color-deep-indigo-800: #3d4157;
--color-deep-indigo-900: #2a2c3d;
--color-deep-indigo-950: #181926;
}SCSS
$deep-indigo: #4d5074;
$deep-indigo-rgb: 77, 80, 116;
$deep-indigo-light: mix(#fff, $deep-indigo, 20%);
$deep-indigo-dark: mix(#000, $deep-indigo, 20%);
.element {
color: $deep-indigo;
box-shadow: 0 0 0 2px rgba($deep-indigo, 0.35);
}