Dichtstbijzijnde benoemde kleur · #C66B00
#C66B00
Dichtstbijzijnde benoemde kleur: Fire Ant
#C66B00 (rgb(198 107 0), hsl(32 100% 39%), oklch(0.62 0.148 58.1)) komt het dichtst bij de benoemde kleur Fire Ant. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C66B00
oklch(0.62 0.148 58.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- CD7A32
- D4894D
- DA9865
- E0A77C
- E6B692
- ECC4A7
- F1D3BD
- F6E2D3
- FBF0E9
Schaduwen
- AC5C00
- 924E00
- 7A3F00
- 623200
- 4B2500
- 351800
- 210D00
- 0E0400
- 020000
Tonen
- C06E22
- B97134
- B37441
- AC764C
- A57856
- 9E7A5F
- 977C68
- 8F7D70
- 887F78
Kleurharmonieën
Complementair +180°
- C66B00
Fire Ant
- 0090CE
≈ Rich Electric Blue
Analoog -30° +30°
- C66B00
Fire Ant
- D05D51
≈ Firebug
- A68000
≈ Brazen
Triadisch +120° +240°
- C66B00
Fire Ant
- 009C86
≈ Flamboyant Teal
- 926FD3
≈ Iridescent Purple
Gesplitst complementair +150° +210°
- C66B00
Fire Ant
- 0097A8
≈ Aquarium Diver
- 6080DF
≈ Blue Jay
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.81:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.50:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.50:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
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);
}