Nearest named color · #878C5A
#878C5A
Nearest named color: Iguana
#878C5A (rgb(135 140 90), hsl(66 22% 45%), oklch(0.623 0.07 113.1)) is closest to the named color Iguana. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#878C5A
oklch(0.623 0.07 113.1)
Color conversions
- HEX
- #878c5a
- RGB
- rgb(135 140 90)
- HSL
- hsl(66 22% 45%)
- HWB
- hwb(66 35% 45%)
- OKLCH
- oklch(0.623 0.07 113.1)
- OKLab
- oklab(0.623 -0.028 0.065)
- CIE Lab
- lab(56.89 -8.07 26.09)
- LCH
- lch(56.89 27.31 107.2)
- CMYK
- cmyk(4% 0% 36% 45%)
Tints · Shades · Tones
Tints
- 92976A
- 9EA27A
- A9AD8A
- B5B99A
- C1C4AB
- CDD0BB
- D9DBCC
- E6E7DD
- F2F3EE
Shades
- 75794D
- 636741
- 515535
- 414329
- 31331E
- 212313
- 131409
- 060703
- 010100
Tones
- 868B5E
- 858A63
- 858967
- 84876A
- 83866E
- 838572
- 828476
- 818379
- 81817D
Color harmonies
Complementary +180°
- 878C5A
Iguana
- 887FAE
≈ Aster Purple
Analogous -30° +30°
- 878C5A
Iguana
- 9C8455
≈ Spacious Plain
- 6E926C
≈ Paying Mantis
Triadic +120° +240°
- 878C5A
Iguana
- 5A8FAB
≈ Blue Persia
- A9768B
≈ Cipher
Split-complementary +150° +210°
- 878C5A
Iguana
- 7187B2
≈ Kimono
- 9C79A0
≈ Divine
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.54:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.92:1 · APCA Lc 39
Best text color: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--iguana: #878c5a;
--iguana-rgb: 135 140 90;
--iguana-oklch: oklch(0.623 0.07 113.1);
}
.element {
color: var(--iguana);
background-color: hsl(66 22% 45%);
border-color: oklch(0.623 0.07 113.1);
}Tailwind CSS v4
@theme {
--color-iguana: #878c5a;
--color-iguana-50: #f4f8e1;
--color-iguana-100: #e7ebd1;
--color-iguana-200: #d3d8b7;
--color-iguana-300: #b6bc93;
--color-iguana-400: #9ea373;
--color-iguana-500: #868b54;
--color-iguana-600: #717648;
--color-iguana-700: #5b5e39;
--color-iguana-800: #434528;
--color-iguana-900: #2e301b;
--color-iguana-950: #1b1c0b;
}SCSS
$iguana: #878c5a;
$iguana-rgb: 135, 140, 90;
$iguana-light: mix(#fff, $iguana, 20%);
$iguana-dark: mix(#000, $iguana, 20%);
.element {
color: $iguana;
box-shadow: 0 0 0 2px rgba($iguana, 0.35);
}