Nächste benannte Farbe · #6D4922
#6D4922
Nächste benannte Farbe: Antique Brass
#6D4922 (rgb(109 73 34), hsl(31 52% 28%), oklch(0.437 0.073 65.9)) liegt am nächsten an der benannten Farbe Antique Brass. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6D4922
oklch(0.437 0.073 65.9)
Farbumrechnungen
- HEX
- #6d4922
- RGB
- rgb(109 73 34)
- HSL
- hsl(31 52% 28%)
- HWB
- hwb(31 13% 57%)
- OKLCH
- oklch(0.437 0.073 65.9)
- OKLab
- oklab(0.437 0.03 0.067)
- CIE Lab
- lab(34.55 12.74 29.26)
- LCH
- lch(34.55 31.91 66.5)
- CMYK
- cmyk(0% 33% 69% 57%)
Tints · Shades · Tones
Tints
- 7B5A38
- 896B4D
- 987C62
- A68E77
- B5A08D
- C3B3A3
- D2C5B9
- E1D8D0
- F0EBE7
Shades
- 5E3E1C
- 4F3416
- 412A11
- 33200B
- 261707
- 190E03
- 0D0601
- 040200
- 010000
Tones
- 6F4F2D
- 715437
- 735A40
- 755F49
- 776553
- 796A5C
- 7B7065
- 7D756E
- 7E7B77
Farbharmonien
Komplementär +180°
- 6D4922
Antique Brass
- 2D5578
≈ Venice Blue
Analog -30° +30°
- 6D4922
Antique Brass
- 744235
≈ Lava Core
- 5E511D
≈ Tucumán Green
Triadisch +120° +240°
- 6D4922
Antique Brass
- 0C5F58
≈ Empress Teal
- 5C4772
≈ Blue Tulip
Geteilt komplementär +150° +210°
- 6D4922
Antique Brass
- 0F5C6B
≈ Hero
- 474E7A
≈ Skipper Blue
Tetradisch +90° +180° +270°
- 6D4922
Antique Brass
- 2C5E41
≈ Greenbriar
- 2D5578
≈ Venice Blue
- 6B4261
≈ Royal Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--antique-brass: #6d4922;
--antique-brass-rgb: 109 73 34;
--antique-brass-oklch: oklch(0.437 0.073 65.9);
}
.element {
color: var(--antique-brass);
background-color: hsl(31 52% 28%);
border-color: oklch(0.437 0.073 65.9);
}Tailwind CSS v4
@theme {
--color-antique-brass: #6d4922;
--color-antique-brass-50: #fff2e0;
--color-antique-brass-100: #f9e4cf;
--color-antique-brass-200: #eacfb4;
--color-antique-brass-300: #d1b190;
--color-antique-brass-400: #bd9670;
--color-antique-brass-500: #a77c50;
--color-antique-brass-600: #8d6945;
--color-antique-brass-700: #715437;
--color-antique-brass-800: #543d27;
--color-antique-brass-900: #3b2a1a;
--color-antique-brass-950: #25170b;
}SCSS
$antique-brass: #6d4922;
$antique-brass-rgb: 109, 73, 34;
$antique-brass-light: mix(#fff, $antique-brass, 20%);
$antique-brass-dark: mix(#000, $antique-brass, 20%);
.element {
color: $antique-brass;
box-shadow: 0 0 0 2px rgba($antique-brass, 0.35);
}