Nearest named color · #646F62
#646F62
Nearest named color: Italian Basil
#646F62 (rgb(100 111 98), hsl(111 6% 41%), oklch(0.528 0.024 140.9)) is closest to the named color Italian Basil. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#646F62
oklch(0.528 0.024 140.9)
Color conversions
- HEX
- #646f62
- RGB
- rgb(100 111 98)
- HSL
- hsl(111 6% 41%)
- HWB
- hwb(111 38% 56%)
- OKLCH
- oklch(0.528 0.024 140.9)
- OKLab
- oklab(0.528 -0.019 0.015)
- CIE Lab
- lab(45.6 -6.34 5.78)
- LCH
- lch(45.6 8.58 137.6)
- CMYK
- cmyk(10% 0% 12% 56%)
Tints · Shades · Tones
Tints
- 727C70
- 818A7F
- 90988E
- 9FA69E
- AEB4AD
- BEC3BD
- CED2CD
- DEE1DE
- EEF0EE
Shades
- 566054
- 485147
- 3B423A
- 2E342D
- 222721
- 161A16
- 0B0E0B
- 030403
- 000100
Tones
- 677165
- 6A7268
- 6C746B
- 6F766E
- 727771
- 757974
- 787B77
- 7A7D7A
- 7D7E7D
Color harmonies
Complementary +180°
- 646F62
Italian Basil
- 726774
≈ Rum
Analogous -30° +30°
- 646F62
Italian Basil
- 6C6D5D
≈ Coastline Trail
- 5E7069
≈ Rocky River
Triadic +120° +240°
- 646F62
Italian Basil
- 646C7A
≈ Ashen Whisper
- 796665
≈ Bold Brandy
Split-complementary +150° +210°
- 646F62
Italian Basil
- 6B6979
≈ Wind Cave
- 77666D
≈ Rhapsody Rap
Tetradic +90° +180° +270°
- 646F62
Italian Basil
- 5E6E77
≈ NYPD
- 726774
≈ Rum
- 77685F
≈ Garret Brown
Contrast & accessibility
Ag
AAOn white
WCAG 5.26:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--italian-basil: #646f62;
--italian-basil-rgb: 100 111 98;
--italian-basil-oklch: oklch(0.528 0.024 140.9);
}
.element {
color: var(--italian-basil);
background-color: hsl(111 6% 41%);
border-color: oklch(0.528 0.024 140.9);
}Tailwind CSS v4
@theme {
--color-italian-basil: #646f62;
--color-italian-basil-50: #f1f7f1;
--color-italian-basil-100: #e3eae3;
--color-italian-basil-200: #cfd7ce;
--color-italian-basil-300: #b1bbb0;
--color-italian-basil-400: #97a295;
--color-italian-basil-500: #7e8a7c;
--color-italian-basil-600: #6b7569;
--color-italian-basil-700: #555e54;
--color-italian-basil-800: #3e443d;
--color-italian-basil-900: #2b2f2a;
--color-italian-basil-950: #181c17;
}SCSS
$italian-basil: #646f62;
$italian-basil-rgb: 100, 111, 98;
$italian-basil-light: mix(#fff, $italian-basil, 20%);
$italian-basil-dark: mix(#000, $italian-basil, 20%);
.element {
color: $italian-basil;
box-shadow: 0 0 0 2px rgba($italian-basil, 0.35);
}