Nearest named color · #89723B
#89723B
Nearest named color: Aged Antics
#89723B (rgb(137 114 59), hsl(42 40% 38%), oklch(0.562 0.079 87.1)) is closest to the named color Aged Antics. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#89723B
oklch(0.562 0.079 87.1)
Color conversions
- HEX
- #89723b
- RGB
- rgb(137 114 59)
- HSL
- hsl(42 40% 38%)
- HWB
- hwb(42 23% 46%)
- OKLCH
- oklch(0.562 0.079 87.1)
- OKLab
- oklab(0.562 0.004 0.079)
- CIE Lab
- lab(49.37 4.08 33.6)
- LCH
- lch(49.37 33.85 83.1)
- CMYK
- cmyk(0% 17% 57% 46%)
Tints · Shades · Tones
Tints
- 947F4F
- A08D62
- AB9B75
- B7A988
- C3B79B
- CEC5AF
- DAD3C3
- E6E2D7
- F3F0EB
Shades
- 766232
- 645329
- 534421
- 423619
- 312811
- 221B09
- 140E04
- 070401
- 010100
Tones
- 887443
- 87754B
- 867752
- 867859
- 857960
- 847B67
- 837C6D
- 827D73
- 817F7A
Color harmonies
Complementary +180°
- 89723B
Aged Antics
- 6074A4
≈ Sudden Sapphire
Analogous -30° +30°
- 89723B
Aged Antics
- 986945
≈ Chestnut Beach
- 727B44
≈ Quartz Green
Triadic +120° +240°
- 89723B
Aged Antics
- 30828D
≈ Sea Bed
- 8E648D
≈ Hashita Purple
Split-complementary +150° +210°
- 89723B
Aged Antics
- 447C9E
≈ Linoleum Blue
- 7A6B9E
≈ Toy Mauve
Tetradic +90° +180° +270°
- 89723B
Aged Antics
- 398474
≈ Aussie Surf
- 6074A4
≈ Sudden Sapphire
- 9B6176
≈ Jugendstil Pink
Contrast & accessibility
Ag
AAOn white
WCAG 4.63:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.53:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--aged-antics: #89723b;
--aged-antics-rgb: 137 114 59;
--aged-antics-oklch: oklch(0.562 0.079 87.1);
}
.element {
color: var(--aged-antics);
background-color: hsl(42 40% 38%);
border-color: oklch(0.562 0.079 87.1);
}Tailwind CSS v4
@theme {
--color-aged-antics: #89723b;
--color-aged-antics-50: #fef5dc;
--color-aged-antics-100: #f2e7cb;
--color-aged-antics-200: #e2d3ae;
--color-aged-antics-300: #c8b689;
--color-aged-antics-400: #b39c67;
--color-aged-antics-500: #9d8345;
--color-aged-antics-600: #846f3b;
--color-aged-antics-700: #6a592f;
--color-aged-antics-800: #4f4021;
--color-aged-antics-900: #372c15;
--color-aged-antics-950: #221907;
}SCSS
$aged-antics: #89723b;
$aged-antics-rgb: 137, 114, 59;
$aged-antics-light: mix(#fff, $aged-antics, 20%);
$aged-antics-dark: mix(#000, $aged-antics, 20%);
.element {
color: $aged-antics;
box-shadow: 0 0 0 2px rgba($aged-antics, 0.35);
}