Benannte Farbe · #AA8031
Bronze Leaf
Bronze Leaf ist #AA8031: rgb(170 128 49), hsl(39 55% 43%), oklch(0.626 0.108 80). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Bronze Leaf color name →
#AA8031
oklch(0.626 0.108 80)
Farbumrechnungen
- HEX
- #aa8031
- RGB
- rgb(170 128 49)
- HSL
- hsl(39 55% 43%)
- HWB
- hwb(39 19% 33%)
- OKLCH
- oklch(0.626 0.108 80)
- OKLab
- oklab(0.626 0.019 0.106)
- CIE Lab
- lab(56.69 10.87 47.57)
- LCH
- lch(56.69 48.8 77.1)
- CMYK
- cmyk(0% 25% 71% 33%)
Tints · Shades · Tones
Tints
- B38C49
- BB995F
- C4A573
- CCB287
- D5BF9B
- DDCBAF
- E5D8C3
- EEE5D7
- F6F2EB
Shades
- 936E29
- 7D5D22
- 684D1A
- 533D13
- 3F2E0C
- 2D1F06
- 1B1203
- 0B0601
- 010100
Tones
- A6803D
- A28147
- 9E814F
- 9A8158
- 95815F
- 918166
- 8D816D
- 898174
- 84807A
Farbharmonien
Komplementär +180°
- AA8031
Bronze Leaf
- 6188C9
≈ Livid
Analog -30° +30°
- AA8031
Bronze Leaf
- BC7349
≈ Orange Lily
- 8C8D38
≈ Sycamore
Triadisch +120° +240°
- AA8031
Bronze Leaf
- 009BA1
≈ Island Dream
- A572B0
≈ Bell Heather
Geteilt komplementär +150° +210°
- AA8031
Bronze Leaf
- 3093BC
≈ Spa Dream
- 877CC5
≈ Ube
Tetradisch +90° +180° +270°
- AA8031
Bronze Leaf
- 319D7E
≈ Green Jelly
- 6188C9
≈ Livid
- B86C91
≈ Pinky Pickle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.59:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.84:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--bronze-leaf: #aa8031;
--bronze-leaf-rgb: 170 128 49;
--bronze-leaf-oklch: oklch(0.626 0.108 80);
}
.element {
color: var(--bronze-leaf);
background-color: hsl(39 55% 43%);
border-color: oklch(0.626 0.108 80);
}Tailwind CSS v4
@theme {
--color-bronze-leaf: #aa8031;
--color-bronze-leaf-50: #fff3d3;
--color-bronze-leaf-100: #fae5c0;
--color-bronze-leaf-200: #ecd0a0;
--color-bronze-leaf-300: #d3b276;
--color-bronze-leaf-400: #c0974f;
--color-bronze-leaf-500: #ab7d1e;
--color-bronze-leaf-600: #916a1d;
--color-bronze-leaf-700: #745517;
--color-bronze-leaf-800: #573d0e;
--color-bronze-leaf-900: #3d2a09;
--color-bronze-leaf-950: #261700;
}SCSS
$bronze-leaf: #aa8031;
$bronze-leaf-rgb: 170, 128, 49;
$bronze-leaf-light: mix(#fff, $bronze-leaf, 20%);
$bronze-leaf-dark: mix(#000, $bronze-leaf, 20%);
.element {
color: $bronze-leaf;
box-shadow: 0 0 0 2px rgba($bronze-leaf, 0.35);
}