Nearest named color · #70697C
#70697C
Nearest named color: Mamba
#70697C (rgb(112 105 124), hsl(262 8% 45%), oklch(0.534 0.03 302.1)) is closest to the named color Mamba. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#70697C
oklch(0.534 0.03 302.1)
Color conversions
- HEX
- #70697c
- RGB
- rgb(112 105 124)
- HSL
- hsl(262 8% 45%)
- HWB
- hwb(262 41% 51%)
- OKLCH
- oklch(0.534 0.03 302.1)
- OKLab
- oklab(0.534 0.016 -0.026)
- CIE Lab
- lab(45.57 5.82 -9.58)
- LCH
- lch(45.57 11.21 301.3)
- CMYK
- cmyk(10% 15% 0% 51%)
Tints · Shades · Tones
Tints
- 7D7788
- 8B8595
- 9993A2
- A7A2AE
- B5B1BC
- C3C0C9
- D2D0D6
- E1DFE4
- F0EFF1
Shades
- 605A6B
- 514C5A
- 433E4A
- 35313B
- 27242C
- 1A181E
- 0E0C11
- 040405
- 010001
Tones
- 726B7C
- 736E7D
- 75707D
- 76727E
- 78747E
- 7A777F
- 7B797F
- 7D7B7F
- 7E7E80
Color harmonies
Complementary +180°
- 70697C
Mamba
- 6A705D
≈ Laurel Garland
Analogous -30° +30°
- 70697C
Mamba
- 676C7F
≈ Nostalgic
- 786775
≈ Old Lavender
Triadic +120° +240°
- 70697C
Mamba
- 7A695B
≈ Warrior
- 5A736E
≈ Noble Fir
Split-complementary +150° +210°
- 70697C
Mamba
- 736D59
≈ Momentum
- 607264
≈ Seraphinite
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.24:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--mamba: #70697c;
--mamba-rgb: 112 105 124;
--mamba-oklch: oklch(0.534 0.03 302.1);
}
.element {
color: var(--mamba);
background-color: hsl(262 8% 45%);
border-color: oklch(0.534 0.03 302.1);
}Tailwind CSS v4
@theme {
--color-mamba: #70697c;
--color-mamba-50: #f7f3fc;
--color-mamba-100: #eae6f0;
--color-mamba-200: #d7d1df;
--color-mamba-300: #bbb4c4;
--color-mamba-400: #a29aae;
--color-mamba-500: #8a8297;
--color-mamba-600: #746e80;
--color-mamba-700: #5d5867;
--color-mamba-800: #44404c;
--color-mamba-900: #2f2c34;
--color-mamba-950: #1b1920;
}SCSS
$mamba: #70697c;
$mamba-rgb: 112, 105, 124;
$mamba-light: mix(#fff, $mamba, 20%);
$mamba-dark: mix(#000, $mamba, 20%);
.element {
color: $mamba;
box-shadow: 0 0 0 2px rgba($mamba, 0.35);
}