En yakın adlandırılmış renk · #4F577C
#4F577C
En yakın adlandırılmış renk: Deep Indigo
#4F577C (rgb(79 87 124), hsl(229 22% 40%), oklch(0.466 0.061 274.4)) 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.
#4F577C
oklch(0.466 0.061 274.4)
Renk dönüşümleri
- HEX
- #4f577c
- RGB
- rgb(79 87 124)
- HSL
- hsl(229 22% 40%)
- HWB
- hwb(229 31% 51%)
- OKLCH
- oklch(0.466 0.061 274.4)
- OKLab
- oklab(0.466 0.005 -0.061)
- CIE Lab
- lab(37.47 4.15 -22.17)
- LCH
- lch(37.47 22.56 280.6)
- CMYK
- cmyk(36% 30% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F6789
- 6F7695
- 8086A2
- 9197AF
- A2A8BC
- B4B9C9
- C6CAD7
- D9DBE4
- ECEDF1
Koyu tonlar
- 444B6B
- 383E5A
- 2E334A
- 23273B
- 191C2C
- 10121E
- 070811
- 020305
- 000001
Gri tonlar
- 545B7D
- 585F7D
- 5D637E
- 62677E
- 676C7F
- 6C707F
- 71747F
- 767880
- 7B7C80
Renk uyumları
Tamamlayıcı +180°
- 4F577C
Deep Indigo
- 655930
≈ Fir Green
Analog -30° +30°
- 4F577C
Deep Indigo
- 3B5D7A
≈ China Pattern
- 615175
≈ Futaai Indigo
Üçlü +120° +240°
- 4F577C
Deep Indigo
- 784D42
≈ Dark Cherry Mocha
- 3D644A
≈ Serbian Green
Bölünmüş tamamlayıcı +150° +210°
- 4F577C
Deep Indigo
- 725234
≈ Rustic Cabin
- 526039
≈ Cactus Green
Dörtlü +90° +180° +270°
- 4F577C
Deep Indigo
- 774B55
≈ Nocturne Red
- 655930
≈ Fir Green
- 2C655E
≈ Alliance
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.03:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.98:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-indigo: #4f577c;
--deep-indigo-rgb: 79 87 124;
--deep-indigo-oklch: oklch(0.466 0.061 274.4);
}
.element {
color: var(--deep-indigo);
background-color: hsl(229 22% 40%);
border-color: oklch(0.466 0.061 274.4);
}Tailwind CSS v4
@theme {
--color-deep-indigo: #4f577c;
--color-deep-indigo-50: #f0f4ff;
--color-deep-indigo-100: #e2e7fd;
--color-deep-indigo-200: #cdd3ef;
--color-deep-indigo-300: #afb5d7;
--color-deep-indigo-400: #939cc3;
--color-deep-indigo-500: #7a83af;
--color-deep-indigo-600: #676f94;
--color-deep-indigo-700: #525977;
--color-deep-indigo-800: #3b4158;
--color-deep-indigo-900: #282d3d;
--color-deep-indigo-950: #161a27;
}SCSS
$deep-indigo: #4f577c;
$deep-indigo-rgb: 79, 87, 124;
$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);
}