Dichtstbijzijnde benoemde kleur · #9F7500
#9F7500
Dichtstbijzijnde benoemde kleur: Bronze
#9F7500 (rgb(159 117 0), hsl(44 100% 31%), oklch(0.589 0.121 83.4)) komt het dichtst bij de benoemde kleur Bronze. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9F7500
oklch(0.589 0.121 83.4)
Kleurconversies
- HEX
- #9f7500
- RGB
- rgb(159 117 0)
- HSL
- hsl(44 100% 31%)
- HWB
- hwb(44 0% 38%)
- OKLCH
- oklch(0.589 0.121 83.4)
- OKLab
- oklab(0.589 0.014 0.12)
- CIE Lab
- lab(52.36 10.72 58.03)
- LCH
- lch(52.36 59.01 79.5)
- CMYK
- cmyk(0% 26% 100% 38%)
Tinten · Schaduwen · Tonen
Tinten
- A98330
- B2904B
- BC9E63
- C5AB7A
- CFB990
- D8C7A6
- E2D5BC
- ECE3D2
- F5F1E8
Schaduwen
- 8A6500
- 755500
- 614600
- 4D3700
- 3B2900
- 291C00
- 180F00
- 090500
- 010100
Tonen
- 9C7721
- 997832
- 96793F
- 937B4A
- 907C54
- 8D7D5E
- 8A7E67
- 867F70
- 837F78
Kleurharmonieën
Complementair +180°
- 9F7500
Bronze
- 577BC4
≈ Blue Iolite
Analoog -30° +30°
- 9F7500
Bronze
- B3662F
≈ Polished Copper
- 7D841D
≈ Trendy Green
Triadisch +120° +240°
- 9F7500
Bronze
- 008E98
≈ Tempo Teal
- 9F62A6
≈ Royal Pretender
Gesplitst complementair +150° +210°
- 9F7500
Bronze
- 0687B9
≈ Mermaid Dreams
- 816DBE
≈ Lavish Spending
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.18:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 5.01:1 · APCA Lc 33
Beste tekstkleur: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Codefragmenten
CSS
:root {
--bronze: #9f7500;
--bronze-rgb: 159 117 0;
--bronze-oklch: oklch(0.589 0.121 83.4);
}
.element {
color: var(--bronze);
background-color: hsl(44 100% 31%);
border-color: oklch(0.589 0.121 83.4);
}Tailwind CSS v4
@theme {
--color-bronze: #9f7500;
--color-bronze-50: #fff3cf;
--color-bronze-100: #fae6ba;
--color-bronze-200: #ecd199;
--color-bronze-300: #d3b36d;
--color-bronze-400: #c19841;
--color-bronze-500: #ac7d00;
--color-bronze-600: #916a00;
--color-bronze-700: #755500;
--color-bronze-800: #573d00;
--color-bronze-900: #3d2a01;
--color-bronze-950: #261700;
}SCSS
$bronze: #9f7500;
$bronze-rgb: 159, 117, 0;
$bronze-light: mix(#fff, $bronze, 20%);
$bronze-dark: mix(#000, $bronze, 20%);
.element {
color: $bronze;
box-shadow: 0 0 0 2px rgba($bronze, 0.35);
}