Nearest named color · #B66000
#B66000
Nearest named color: Fire Ant
#B66000 (rgb(182 96 0), hsl(32 100% 36%), oklch(0.579 0.14 56.9)) is closest to the named color Fire Ant. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B66000
oklch(0.579 0.14 56.9)
Color conversions
- HEX
- #b66000
- RGB
- rgb(182 96 0)
- HSL
- hsl(32 100% 36%)
- HWB
- hwb(32 0% 29%)
- OKLCH
- oklch(0.579 0.14 56.9)
- OKLab
- oklab(0.579 0.077 0.117)
- CIE Lab
- lab(50.44 32.01 58.81)
- LCH
- lch(50.44 66.96 61.4)
- CMYK
- cmyk(0% 47% 100% 29%)
Tints · Shades · Tones
Tints
- BF702F
- C7804A
- CF9062
- D6A078
- DEB08F
- E5BFA5
- ECCFBB
- F2DFD2
- F9EFE8
Shades
- 9E5200
- 864500
- 6F3800
- 592C00
- 442000
- 301500
- 1D0A00
- 0C0300
- 020000
Tones
- B16420
- AD6831
- A86C3E
- A36F49
- 9D7253
- 98765D
- 927866
- 8C7B6F
- 867E78
Color harmonies
Complementary +180°
- B66000
Fire Ant
- 0083BB
≈ Mediterranean Blue
Analogous -30° +30°
- B66000
Fire Ant
- BF534B
≈ Sunset
- 987400
≈ Mesozoic Green
Triadic +120° +240°
- B66000
Fire Ant
- 008E79
≈ Emerald Enchantment
- 8465C2
≈ Lavish Spending
Split-complementary +150° +210°
- B66000
Fire Ant
- 008A98
≈ Atlantic Blue
- 5474CC
≈ Indigo Light
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--fire-ant: #b66000;
--fire-ant-rgb: 182 96 0;
--fire-ant-oklch: oklch(0.579 0.14 56.9);
}
.element {
color: var(--fire-ant);
background-color: hsl(32 100% 36%);
border-color: oklch(0.579 0.14 56.9);
}Tailwind CSS v4
@theme {
--color-fire-ant: #b66000;
--color-fire-ant-50: #ffecce;
--color-fire-ant-100: #ffddba;
--color-fire-ant-200: #ffc698;
--color-fire-ant-300: #eda56c;
--color-fire-ant-400: #dc8742;
--color-fire-ant-500: #c96900;
--color-fire-ant-600: #aa5900;
--color-fire-ant-700: #884703;
--color-fire-ant-800: #663304;
--color-fire-ant-900: #482204;
--color-fire-ant-950: #2f1100;
}SCSS
$fire-ant: #b66000;
$fire-ant-rgb: 182, 96, 0;
$fire-ant-light: mix(#fff, $fire-ant, 20%);
$fire-ant-dark: mix(#000, $fire-ant, 20%);
.element {
color: $fire-ant;
box-shadow: 0 0 0 2px rgba($fire-ant, 0.35);
}