Dichtstbijzijnde benoemde kleur · #D8A000
#D8A000
Dichtstbijzijnde benoemde kleur: Mustard Musketeers
#D8A000 (rgb(216 160 0), hsl(44 100% 42%), oklch(0.739 0.152 83.3)) komt het dichtst bij de benoemde kleur Mustard Musketeers. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D8A000
oklch(0.739 0.152 83.3)
Kleurconversies
- HEX
- #d8a000
- RGB
- rgb(216 160 0)
- HSL
- hsl(44 100% 42%)
- HWB
- hwb(44 0% 15%)
- OKLCH
- oklch(0.739 0.152 83.3)
- OKLab
- oklab(0.739 0.018 0.151)
- CIE Lab
- lab(69.81 13.55 72.85)
- LCH
- lch(69.81 74.1 79.5)
- CMYK
- cmyk(0% 26% 100% 15%)
Tinten · Schaduwen · Tonen
Tinten
- DCAA3B
- E0B458
- E4BD70
- E8C786
- ECD09B
- F0DAAF
- F4E3C3
- F8ECD7
- FBF6EB
Schaduwen
- BC8B00
- A07600
- 856100
- 6B4E00
- 533B00
- 3B2900
- 251900
- 110900
- 020100
Tonen
- CF9D2A
- C69A3C
- BD974A
- B49454
- AC915E
- A38E66
- 9A8B6D
- 918774
- 89847A
Kleurharmonieën
Complementair +180°
- D8A000
Mustard Musketeers
- 7EA9FF
≈ Fennel Flower
Analoog -30° +30°
- D8A000
Mustard Musketeers
- F38C43
≈ Poppy Glow
- ABB42B
≈ Vintage Chartreuse
Triadisch +120° +240°
- D8A000
Mustard Musketeers
- 00C1CE
≈ Turquoise Surf
- D887E1
≈ Blush Essence
Gesplitst complementair +150° +210°
- D8A000
Mustard Musketeers
- 0BB9FA
≈ Blue Bolt
- AF96FF
≈ Cobalite
Tetradisch +90° +180° +270°
- D8A000
Mustard Musketeers
- 00C7A2
≈ Jadeite
- 7EA9FF
≈ Fennel Flower
- F27FB2
≈ Erythrosine
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOp zwart
WCAG 8.94:1 · APCA Lc 56
Beste tekstkleur: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Codefragmenten
CSS
:root {
--mustard-musketeers: #d8a000;
--mustard-musketeers-rgb: 216 160 0;
--mustard-musketeers-oklch: oklch(0.739 0.152 83.3);
}
.element {
color: var(--mustard-musketeers);
background-color: hsl(44 100% 42%);
border-color: oklch(0.739 0.152 83.3);
}Tailwind CSS v4
@theme {
--color-mustard-musketeers: #d8a000;
--color-mustard-musketeers-50: #fff3c4;
--color-mustard-musketeers-100: #ffe5ae;
--color-mustard-musketeers-200: #f2d087;
--color-mustard-musketeers-300: #dbb153;
--color-mustard-musketeers-400: #c99500;
--color-mustard-musketeers-500: #b57900;
--color-mustard-musketeers-600: #996700;
--color-mustard-musketeers-700: #7b5200;
--color-mustard-musketeers-800: #5c3b00;
--color-mustard-musketeers-900: #412800;
--color-mustard-musketeers-950: #291600;
}SCSS
$mustard-musketeers: #d8a000;
$mustard-musketeers-rgb: 216, 160, 0;
$mustard-musketeers-light: mix(#fff, $mustard-musketeers, 20%);
$mustard-musketeers-dark: mix(#000, $mustard-musketeers, 20%);
.element {
color: $mustard-musketeers;
box-shadow: 0 0 0 2px rgba($mustard-musketeers, 0.35);
}