Màu có tên gần nhất · #4F577C
#4F577C
Màu có tên gần nhất: Deep Indigo
#4F577C (rgb(79 87 124), hsl(229 22% 40%), oklch(0.466 0.061 274.4)) gần nhất với màu có tên Deep Indigo. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#4F577C
oklch(0.466 0.061 274.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F6789
- 6F7695
- 8086A2
- 9197AF
- A2A8BC
- B4B9C9
- C6CAD7
- D9DBE4
- ECEDF1
Sắc đậm
- 444B6B
- 383E5A
- 2E334A
- 23273B
- 191C2C
- 10121E
- 070811
- 020305
- 000001
Sắc xám
- 545B7D
- 585F7D
- 5D637E
- 62677E
- 676C7F
- 6C707F
- 71747F
- 767880
- 7B7C80
Hòa sắc
Bổ túc +180°
- 4F577C
Deep Indigo
- 655930
≈ Fir Green
Tương đồng -30° +30°
- 4F577C
Deep Indigo
- 3B5D7A
≈ China Pattern
- 615175
≈ Futaai Indigo
Bộ ba +120° +240°
- 4F577C
Deep Indigo
- 784D42
≈ Dark Cherry Mocha
- 3D644A
≈ Serbian Green
Bổ túc chia +150° +210°
- 4F577C
Deep Indigo
- 725234
≈ Rustic Cabin
- 526039
≈ Cactus Green
Bộ bốn +90° +180° +270°
- 4F577C
Deep Indigo
- 774B55
≈ Nocturne Red
- 655930
≈ Fir Green
- 2C655E
≈ Alliance
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.03:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.98:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
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);
}