Nearest named color · #BB5B00
#BB5B00
Nearest named color: Fire Ant
#BB5B00 (rgb(187 91 0), hsl(29 100% 37%), oklch(0.578 0.148 52.4)) is closest to the named color Fire Ant. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BB5B00
oklch(0.578 0.148 52.4)
Color conversions
- HEX
- #bb5b00
- RGB
- rgb(187 91 0)
- HSL
- hsl(29 100% 37%)
- HWB
- hwb(29 0% 27%)
- OKLCH
- oklch(0.578 0.148 52.4)
- OKLab
- oklab(0.578 0.09 0.117)
- CIE Lab
- lab(50.16 36.57 59.17)
- LCH
- lch(50.16 69.56 58.3)
- CMYK
- cmyk(0% 51% 100% 27%)
Tints · Shades · Tones
Tints
- C36C2F
- CB7D4A
- D38D61
- DA9D78
- E1AE8F
- E8BEA5
- EECEBB
- F4DED2
- FAEFE8
Shades
- A24E00
- 8A4100
- 733500
- 5C2900
- 461E00
- 321300
- 1F0900
- 0D0300
- 020000
Tones
- B66020
- B16531
- AB693E
- A66D49
- A07153
- 9A745D
- 947766
- 8E7A6F
- 877D78
Color harmonies
Complementary +180°
- BB5B00
Fire Ant
- 0084B3
≈ Lucario Blue
Analogous -30° +30°
- BB5B00
Fire Ant
- C24F50
≈ Autumn Fire
- 9C7100
≈ Sandy Taupe
Triadic +120° +240°
- BB5B00
Fire Ant
- 008F73
≈ Observatory
- 7E66C8
≈ Venus Violet
Split-complementary +150° +210°
- BB5B00
Fire Ant
- 008A93
≈ Tempo Teal
- 4876D0
≈ Serenity’s Reign
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.55:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.60:1 · APCA Lc 31
Best text color: #000000
WCAG 4.60:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--fire-ant: #bb5b00;
--fire-ant-rgb: 187 91 0;
--fire-ant-oklch: oklch(0.578 0.148 52.4);
}
.element {
color: var(--fire-ant);
background-color: hsl(29 100% 37%);
border-color: oklch(0.578 0.148 52.4);
}Tailwind CSS v4
@theme {
--color-fire-ant: #bb5b00;
--color-fire-ant-50: #ffebce;
--color-fire-ant-100: #ffdbba;
--color-fire-ant-200: #ffc498;
--color-fire-ant-300: #f2a26c;
--color-fire-ant-400: #e18342;
--color-fire-ant-500: #cf6300;
--color-fire-ant-600: #af5501;
--color-fire-ant-700: #8c4404;
--color-fire-ant-800: #693005;
--color-fire-ant-900: #4a2104;
--color-fire-ant-950: #300f00;
}SCSS
$fire-ant: #bb5b00;
$fire-ant-rgb: 187, 91, 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);
}