Nearest named color · #C66B00
#C66B00
Nearest named color: Fire Ant
#C66B00 (rgb(198 107 0), hsl(32 100% 39%), oklch(0.62 0.148 58.1)) is closest to the named color Fire Ant. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C66B00
oklch(0.62 0.148 58.1)
Color conversions
- HEX
- #c66b00
- RGB
- rgb(198 107 0)
- HSL
- hsl(32 100% 39%)
- HWB
- hwb(32 0% 22%)
- OKLCH
- oklch(0.62 0.148 58.1)
- OKLab
- oklab(0.62 0.078 0.126)
- CIE Lab
- lab(55.18 33.07 62.85)
- LCH
- lch(55.18 71.02 62.2)
- CMYK
- cmyk(0% 46% 100% 22%)
Tints · Shades · Tones
Tints
- CD7A32
- D4894D
- DA9865
- E0A77C
- E6B692
- ECC4A7
- F1D3BD
- F6E2D3
- FBF0E9
Shades
- AC5C00
- 924E00
- 7A3F00
- 623200
- 4B2500
- 351800
- 210D00
- 0E0400
- 020000
Tones
- C06E22
- B97134
- B37441
- AC764C
- A57856
- 9E7A5F
- 977C68
- 8F7D70
- 887F78
Color harmonies
Complementary +180°
- C66B00
Fire Ant
- 0090CE
≈ Rich Electric Blue
Analogous -30° +30°
- C66B00
Fire Ant
- D05D51
≈ Firebug
- A68000
≈ Brazen
Triadic +120° +240°
- C66B00
Fire Ant
- 009C86
≈ Flamboyant Teal
- 926FD3
≈ Iridescent Purple
Split-complementary +150° +210°
- C66B00
Fire Ant
- 0097A8
≈ Aquarium Diver
- 6080DF
≈ Blue Jay
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.81:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.50:1 · APCA Lc 37
Best text color: #000000
WCAG 5.50:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--fire-ant: #c66b00;
--fire-ant-rgb: 198 107 0;
--fire-ant-oklch: oklch(0.62 0.148 58.1);
}
.element {
color: var(--fire-ant);
background-color: hsl(32 100% 39%);
border-color: oklch(0.62 0.148 58.1);
}Tailwind CSS v4
@theme {
--color-fire-ant: #c66b00;
--color-fire-ant-50: #ffeccb;
--color-fire-ant-100: #ffddb7;
--color-fire-ant-200: #ffc693;
--color-fire-ant-300: #efa566;
--color-fire-ant-400: #de8638;
--color-fire-ant-500: #cc6700;
--color-fire-ant-600: #ac5800;
--color-fire-ant-700: #8a4600;
--color-fire-ant-800: #683200;
--color-fire-ant-900: #492200;
--color-fire-ant-950: #2f1000;
}SCSS
$fire-ant: #c66b00;
$fire-ant-rgb: 198, 107, 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);
}