En yakın adlandırılmış renk · #6D4922
#6D4922
En yakın adlandırılmış renk: Antique Brass
#6D4922 (rgb(109 73 34), hsl(31 52% 28%), oklch(0.437 0.073 65.9)) en çok Antique Brass adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6D4922
oklch(0.437 0.073 65.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B5A38
- 896B4D
- 987C62
- A68E77
- B5A08D
- C3B3A3
- D2C5B9
- E1D8D0
- F0EBE7
Koyu tonlar
- 5E3E1C
- 4F3416
- 412A11
- 33200B
- 261707
- 190E03
- 0D0601
- 040200
- 010000
Gri tonlar
- 6F4F2D
- 715437
- 735A40
- 755F49
- 776553
- 796A5C
- 7B7065
- 7D756E
- 7E7B77
Renk uyumları
Tamamlayıcı +180°
- 6D4922
Antique Brass
- 2D5578
≈ Venice Blue
Analog -30° +30°
- 6D4922
Antique Brass
- 744235
≈ Lava Core
- 5E511D
≈ Tucumán Green
Üçlü +120° +240°
- 6D4922
Antique Brass
- 0C5F58
≈ Empress Teal
- 5C4772
≈ Blue Tulip
Bölünmüş tamamlayıcı +150° +210°
- 6D4922
Antique Brass
- 0F5C6B
≈ Hero
- 474E7A
≈ Skipper Blue
Dörtlü +90° +180° +270°
- 6D4922
Antique Brass
- 2C5E41
≈ Greenbriar
- 2D5578
≈ Venice Blue
- 6B4261
≈ Royal Plum
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.99:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.62:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}