Named color · #434C28
Bronze Tone
Bronze Tone is #434C28: rgb(67 76 40), hsl(75 31% 23%), oklch(0.399 0.057 120.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Bronze Tone color name →
#434C28
oklch(0.399 0.057 120.5)
Color conversions
- HEX
- #434c28
- RGB
- rgb(67 76 40)
- HSL
- hsl(75 31% 23%)
- HWB
- hwb(75 16% 70%)
- OKLCH
- oklch(0.399 0.057 120.5)
- OKLab
- oklab(0.399 -0.029 0.049)
- CIE Lab
- lab(30.78 -8.77 20.06)
- LCH
- lch(30.78 21.89 113.6)
- CMYK
- cmyk(12% 0% 47% 70%)
Tints · Shades · Tones
Tints
- 545C3C
- 656D4F
- 767E64
- 898F78
- 9BA18E
- AFB3A4
- C2C6BA
- D6D9D0
- EAECE8
Shades
- 394121
- 2F361B
- 262C15
- 1D220F
- 141809
- 0C0F04
- 050602
- 010201
- 000000
Tones
- 495131
- 4F563A
- 545B42
- 5A614B
- 616654
- 676B5C
- 6D7065
- 73756E
- 7A7B77
Color harmonies
Complementary +180°
- 434C28
Bronze Tone
- 4C4061
≈ Powerful Mauve
Analogous -30° +30°
- 434C28
Bronze Tone
- 534621
≈ Uniform Green
- 305037
≈ Moselle Green
Triadic +120° +240°
- 434C28
Bronze Tone
- 294B63
≈ Majolica Blue
- 613A46
≈ Tawny Port
Split-complementary +150° +210°
- 434C28
Bronze Tone
- 3C4666
≈ Bonne Nuit
- 593C56
≈ Mexican Purple
Tetradic +90° +180° +270°
- 434C28
Bronze Tone
- 1A5058
≈ Deep Sanction
- 4C4061
≈ Powerful Mauve
- 623B35
≈ Manzanita
Contrast & accessibility
Ag
AAAOn white
WCAG 9.11:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.30:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.11:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--bronze-tone: #434c28;
--bronze-tone-rgb: 67 76 40;
--bronze-tone-oklch: oklch(0.399 0.057 120.5);
}
.element {
color: var(--bronze-tone);
background-color: hsl(75 31% 23%);
border-color: oklch(0.399 0.057 120.5);
}Tailwind CSS v4
@theme {
--color-bronze-tone: #434c28;
--color-bronze-tone-50: #f2f8e6;
--color-bronze-tone-100: #e4ebd7;
--color-bronze-tone-200: #d0d9be;
--color-bronze-tone-300: #b2bd9d;
--color-bronze-tone-400: #99a47e;
--color-bronze-tone-500: #818c61;
--color-bronze-tone-600: #6d7753;
--color-bronze-tone-700: #575f42;
--color-bronze-tone-800: #40452f;
--color-bronze-tone-900: #2c3020;
--color-bronze-tone-950: #191c0f;
}SCSS
$bronze-tone: #434c28;
$bronze-tone-rgb: 67, 76, 40;
$bronze-tone-light: mix(#fff, $bronze-tone, 20%);
$bronze-tone-dark: mix(#000, $bronze-tone, 20%);
.element {
color: $bronze-tone;
box-shadow: 0 0 0 2px rgba($bronze-tone, 0.35);
}