Nearest named color · #41685D
#41685D
Nearest named color: June Ivy
#41685D (rgb(65 104 93), hsl(163 23% 33%), oklch(0.485 0.048 174.5)) is closest to the named color June Ivy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#41685D
oklch(0.485 0.048 174.5)
Color conversions
- HEX
- #41685d
- RGB
- rgb(65 104 93)
- HSL
- hsl(163 23% 33%)
- HWB
- hwb(163 25% 59%)
- OKLCH
- oklch(0.485 0.048 174.5)
- OKLab
- oklab(0.485 -0.048 0.005)
- CIE Lab
- lab(40.84 -16.5 1.62)
- LCH
- lch(40.84 16.58 174.4)
- CMYK
- cmyk(38% 0% 11% 59%)
Tints · Shades · Tones
Tints
- 53766C
- 65847B
- 77938A
- 8AA29A
- 9DB1AA
- B0C0BB
- C3CFCB
- D7DFDC
- EBEFEE
Shades
- 375950
- 2E4B43
- 253E37
- 1C302A
- 13241F
- 0B1814
- 050C0A
- 010403
- 000000
Tones
- 486A60
- 4E6D64
- 556F67
- 5B726B
- 61746E
- 687772
- 6E7975
- 747B79
- 7A7E7C
Color harmonies
Complementary +180°
- 41685D
June Ivy
- 755460
≈ Opium Mauve
Analogous -30° +30°
- 41685D
June Ivy
- 4E664E
≈ Equestrian Green
- 3C676C
≈ Smock Blue
Triadic +120° +240°
- 41685D
June Ivy
- 605A78
≈ Taylor
- 755845
≈ Old Porch
Split-complementary +150° +210°
- 41685D
June Ivy
- 6D566E
≈ Dark Purple Grey
- 785451
≈ Rosy Sandstone
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.24:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.36:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--june-ivy: #41685d;
--june-ivy-rgb: 65 104 93;
--june-ivy-oklch: oklch(0.485 0.048 174.5);
}
.element {
color: var(--june-ivy);
background-color: hsl(163 23% 33%);
border-color: oklch(0.485 0.048 174.5);
}Tailwind CSS v4
@theme {
--color-june-ivy: #41685d;
--color-june-ivy-50: #e8faf5;
--color-june-ivy-100: #d8ede7;
--color-june-ivy-200: #c0dbd3;
--color-june-ivy-300: #9ec0b7;
--color-june-ivy-400: #81a89c;
--color-june-ivy-500: #649184;
--color-june-ivy-600: #557b70;
--color-june-ivy-700: #446259;
--color-june-ivy-800: #314841;
--color-june-ivy-900: #21322c;
--color-june-ivy-950: #111e1a;
}SCSS
$june-ivy: #41685d;
$june-ivy-rgb: 65, 104, 93;
$june-ivy-light: mix(#fff, $june-ivy, 20%);
$june-ivy-dark: mix(#000, $june-ivy, 20%);
.element {
color: $june-ivy;
box-shadow: 0 0 0 2px rgba($june-ivy, 0.35);
}