Nearest named color · #AB8500
#AB8500
Nearest named color: Arrowwood
#AB8500 (rgb(171 133 0), hsl(47 100% 34%), oklch(0.635 0.13 88.4)) is closest to the named color Arrowwood. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AB8500
oklch(0.635 0.13 88.4)
Color conversions
- HEX
- #ab8500
- RGB
- rgb(171 133 0)
- HSL
- hsl(47 100% 34%)
- HWB
- hwb(47 0% 33%)
- OKLCH
- oklch(0.635 0.13 88.4)
- OKLab
- oklab(0.635 0.004 0.13)
- CIE Lab
- lab(57.92 7.65 62.36)
- LCH
- lch(57.92 62.82 83)
- CMYK
- cmyk(0% 22% 100% 33%)
Tints · Shades · Tones
Tints
- B39133
- BC9D4F
- C4A967
- CCB67E
- D5C293
- DDCEA9
- E5DABE
- EEE6D4
- F6F3E9
Shades
- 947300
- 7E6100
- 685000
- 544000
- 403000
- 2D2100
- 1B1300
- 0B0600
- 010100
Tones
- A78524
- A28535
- 9E8442
- 9A844D
- 968457
- 918360
- 8D8269
- 898271
- 848179
Color harmonies
Complementary +180°
- AB8500
Arrowwood
- 6A86D9
≈ Tanzine
Analogous -30° +30°
- AB8500
Arrowwood
- C4742D
≈ October
- 84952B
≈ Chorus of Frogs
Triadic +120° +240°
- AB8500
Arrowwood
- 009CAE
≈ Lake Blue
- B56CB2
≈ Moonlight Melody
Split-complementary +150° +210°
- AB8500
Arrowwood
- 2594D0
≈ Splish Splash
- 9578CE
≈ True V
Tetradic +90° +180° +270°
- AB8500
Arrowwood
- 00A18B
≈ Turquish
- 6A86D9
≈ Tanzine
- C8668A
≈ Old Geranium
Contrast & accessibility
Ag
FailOn white
WCAG 3.45:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.08:1 · APCA Lc 40
Best text color: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--arrowwood: #ab8500;
--arrowwood-rgb: 171 133 0;
--arrowwood-oklch: oklch(0.635 0.13 88.4);
}
.element {
color: var(--arrowwood);
background-color: hsl(47 100% 34%);
border-color: oklch(0.635 0.13 88.4);
}Tailwind CSS v4
@theme {
--color-arrowwood: #ab8500;
--color-arrowwood-50: #fff4cc;
--color-arrowwood-100: #f8e7b7;
--color-arrowwood-200: #e9d394;
--color-arrowwood-300: #d1b566;
--color-arrowwood-400: #be9935;
--color-arrowwood-500: #a97f00;
--color-arrowwood-600: #8f6c00;
--color-arrowwood-700: #735600;
--color-arrowwood-800: #563e00;
--color-arrowwood-900: #3c2b00;
--color-arrowwood-950: #261800;
}SCSS
$arrowwood: #ab8500;
$arrowwood-rgb: 171, 133, 0;
$arrowwood-light: mix(#fff, $arrowwood, 20%);
$arrowwood-dark: mix(#000, $arrowwood, 20%);
.element {
color: $arrowwood;
box-shadow: 0 0 0 2px rgba($arrowwood, 0.35);
}