Adlandırılmış renk · #6C461F
Antique Brass
Antique Brass, #6C461F: rgb(108 70 31), hsl(30 55% 27%), oklch(0.429 0.075 64). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Antique Brass color name →
#6C461F
oklch(0.429 0.075 64)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A5735
- 89684A
- 977A60
- A68C75
- B49F8B
- C3B1A1
- D2C4B8
- E1D8CF
- F0EBE7
Koyu tonlar
- 5D3C19
- 4E3214
- 40280F
- 321E0A
- 251506
- 190D03
- 0D0501
- 040200
- 000000
Gri tonlar
- 6E4C2A
- 715234
- 73583E
- 755D48
- 776351
- 79695B
- 7B6F64
- 7D746D
- 7E7A77
Renk uyumları
Tamamlayıcı +180°
- 6C461F
Antique Brass
- 275476
≈ 3AM in Shibuya
Analog -30° +30°
- 6C461F
Antique Brass
- 733F33
≈ Lava Core
- 5D4F17
≈ Bronze Olive
Üçlü +120° +240°
- 6C461F
Antique Brass
- 045D54
≈ Tidal Pool
- 594571
≈ Purple Feather
Bölünmüş tamamlayıcı +150° +210°
- 6C461F
Antique Brass
- 025A69
≈ Captive
- 434C79
≈ Takaka
Dörtlü +90° +180° +270°
- 6C461F
Antique Brass
- 2A5C3C
≈ Greenbriar
- 275476
≈ 3AM in Shibuya
- 683F61
≈ Royal Plum
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.28:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.53:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}