Dichtstbijzijnde benoemde kleur · #C66500
#C66500
Dichtstbijzijnde benoemde kleur: Fire Ant
#C66500 (rgb(198 101 0), hsl(31 100% 39%), oklch(0.61 0.152 54.7)) 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.
#C66500
oklch(0.61 0.152 54.7)
Kleurconversies
- HEX
- #c66500
- RGB
- rgb(198 101 0)
- HSL
- hsl(31 100% 39%)
- HWB
- hwb(31 0% 22%)
- OKLCH
- oklch(0.61 0.152 54.7)
- OKLab
- oklab(0.61 0.088 0.124)
- CIE Lab
- lab(53.91 36.07 62.19)
- LCH
- lch(53.91 71.89 59.9)
- CMYK
- cmyk(0% 49% 100% 22%)
Tinten · Schaduwen · Tonen
Tinten
- CD7531
- D4854C
- DA9464
- E1A47B
- E7B391
- ECC2A7
- F1D1BD
- F6E0D3
- FBF0E9
Schaduwen
- AC5700
- 924900
- 7A3C00
- 622F00
- 4B2200
- 351700
- 210C00
- 0E0300
- 020000
Tonen
- C06922
- B96C33
- B37040
- AC734B
- A57555
- 9E785F
- 977A67
- 907C70
- 887E78
Kleurharmonieën
Complementair +180°
- C66500
Fire Ant
- 008EC4
≈ Parrotfish Blue
Analoog -30° +30°
- C66500
Fire Ant
- CE5854
≈ Firebug
- A67C00
≈ Hornet Yellow
Triadisch +120° +240°
- C66500
Fire Ant
- 00997F
≈ Paolo Veronese Green
- 8A6DD4
≈ Matt Purple
Gesplitst complementair +150° +210°
- C66500
Fire Ant
- 0095A0
≈ Tile Blue
- 557EDD
≈ Serenity’s Reign
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.99:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.26:1 · APCA Lc 35
Beste tekstkleur: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Codefragmenten
CSS
:root {
--fire-ant: #c66500;
--fire-ant-rgb: 198 101 0;
--fire-ant-oklch: oklch(0.61 0.152 54.7);
}
.element {
color: var(--fire-ant);
background-color: hsl(31 100% 39%);
border-color: oklch(0.61 0.152 54.7);
}Tailwind CSS v4
@theme {
--color-fire-ant: #c66500;
--color-fire-ant-50: #ffebcc;
--color-fire-ant-100: #ffdcb7;
--color-fire-ant-200: #ffc494;
--color-fire-ant-300: #f2a267;
--color-fire-ant-400: #e2833b;
--color-fire-ant-500: #cf6400;
--color-fire-ant-600: #af5500;
--color-fire-ant-700: #8d4400;
--color-fire-ant-800: #693000;
--color-fire-ant-900: #4a2101;
--color-fire-ant-950: #300f00;
}SCSS
$fire-ant: #c66500;
$fire-ant-rgb: 198, 101, 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);
}