Nearest named color · #4F577C
#4F577C
Nearest named color: Deep Indigo
#4F577C (rgb(79 87 124), hsl(229 22% 40%), oklch(0.466 0.061 274.4)) is closest to the named color Deep Indigo. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4F577C
oklch(0.466 0.061 274.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 5F6789
- 6F7695
- 8086A2
- 9197AF
- A2A8BC
- B4B9C9
- C6CAD7
- D9DBE4
- ECEDF1
Shades
- 444B6B
- 383E5A
- 2E334A
- 23273B
- 191C2C
- 10121E
- 070811
- 020305
- 000001
Tones
- 545B7D
- 585F7D
- 5D637E
- 62677E
- 676C7F
- 6C707F
- 71747F
- 767880
- 7B7C80
Color harmonies
Complementary +180°
- 4F577C
Deep Indigo
- 655930
≈ Fir Green
Analogous -30° +30°
- 4F577C
Deep Indigo
- 3B5D7A
≈ China Pattern
- 615175
≈ Futaai Indigo
Triadic +120° +240°
- 4F577C
Deep Indigo
- 784D42
≈ Dark Cherry Mocha
- 3D644A
≈ Serbian Green
Split-complementary +150° +210°
- 4F577C
Deep Indigo
- 725234
≈ Rustic Cabin
- 526039
≈ Cactus Green
Tetradic +90° +180° +270°
- 4F577C
Deep Indigo
- 774B55
≈ Nocturne Red
- 655930
≈ Fir Green
- 2C655E
≈ Alliance
Contrast & accessibility
Ag
AAAOn white
WCAG 7.03:1 · APCA Lc 84
Ag
FailOn black
WCAG 2.98:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
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);
}