Benannte Farbe · #6C461F
Antique Brass
Antique Brass ist #6C461F: rgb(108 70 31), hsl(30 55% 27%), oklch(0.429 0.075 64). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Antique Brass color name →
#6C461F
oklch(0.429 0.075 64)
Farbumrechnungen
- HEX
- #6c461f
- RGB
- rgb(108 70 31)
- HSL
- hsl(30 55% 27%)
- HWB
- hwb(30 12% 58%)
- OKLCH
- oklch(0.429 0.075 64)
- OKLab
- oklab(0.429 0.033 0.067)
- CIE Lab
- lab(33.58 13.86 29.8)
- LCH
- lch(33.58 32.86 65)
- CMYK
- cmyk(0% 35% 71% 58%)
Tints · Shades · Tones
Tints
- 7A5735
- 89684A
- 977A60
- A68C75
- B49F8B
- C3B1A1
- D2C4B8
- E1D8CF
- F0EBE7
Shades
- 5D3C19
- 4E3214
- 40280F
- 321E0A
- 251506
- 190D03
- 0D0501
- 040200
- 000000
Tones
- 6E4C2A
- 715234
- 73583E
- 755D48
- 776351
- 79695B
- 7B6F64
- 7D746D
- 7E7A77
Farbharmonien
Komplementär +180°
- 6C461F
Antique Brass
- 275476
≈ 3AM in Shibuya
Analog -30° +30°
- 6C461F
Antique Brass
- 733F33
≈ Lava Core
- 5D4F17
≈ Bronze Olive
Triadisch +120° +240°
- 6C461F
Antique Brass
- 045D54
≈ Tidal Pool
- 594571
≈ Purple Feather
Geteilt komplementär +150° +210°
- 6C461F
Antique Brass
- 025A69
≈ Captive
- 434C79
≈ Takaka
Tetradisch +90° +180° +270°
- 6C461F
Antique Brass
- 2A5C3C
≈ Greenbriar
- 275476
≈ 3AM in Shibuya
- 683F61
≈ Royal Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.28:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.53:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--antique-brass: #6c461f;
--antique-brass-rgb: 108 70 31;
--antique-brass-oklch: oklch(0.429 0.075 64);
}
.element {
color: var(--antique-brass);
background-color: hsl(30 55% 27%);
border-color: oklch(0.429 0.075 64);
}Tailwind CSS v4
@theme {
--color-antique-brass: #6c461f;
--color-antique-brass-50: #fff1df;
--color-antique-brass-100: #fae4ce;
--color-antique-brass-200: #ebcfb3;
--color-antique-brass-300: #d2b08f;
--color-antique-brass-400: #be9570;
--color-antique-brass-500: #a97b50;
--color-antique-brass-600: #8f6944;
--color-antique-brass-700: #735436;
--color-antique-brass-800: #553c27;
--color-antique-brass-900: #3b2a1a;
--color-antique-brass-950: #25170a;
}SCSS
$antique-brass: #6c461f;
$antique-brass-rgb: 108, 70, 31;
$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);
}