Adlandırılmış renk · #9F7B35
Arlington Bronze
Arlington Bronze, #9F7B35: rgb(159 123 53), hsl(40 50% 42%), oklch(0.604 0.098 81.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Arlington Bronze color name →
#9F7B35
oklch(0.604 0.098 81.5)
Renk dönüşümleri
- HEX
- #9f7b35
- RGB
- rgb(159 123 53)
- HSL
- hsl(40 50% 42%)
- HWB
- hwb(40 21% 38%)
- OKLCH
- oklch(0.604 0.098 81.5)
- OKLab
- oklab(0.604 0.014 0.097)
- CIE Lab
- lab(54.16 8.8 42.69)
- LCH
- lch(54.16 43.59 78.4)
- CMYK
- cmyk(0% 23% 67% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8884B
- B29560
- BBA274
- C5AF88
- CFBC9B
- D8C9AF
- E2D6C3
- ECE4D7
- F5F1EB
Koyu tonlar
- 8A6A2D
- 755A25
- 614A1D
- 4D3A15
- 3B2C0E
- 291E08
- 181003
- 090501
- 010100
Gri tonlar
- 9C7C3F
- 997C48
- 967D50
- 937E58
- 907E5F
- 8D7F66
- 8A7F6D
- 867F74
- 83807A
Renk uyumları
Tamamlayıcı +180°
- 9F7B35
Arlington Bronze
- 6081BC
≈ Granada Sky
Analog -30° +30°
- 9F7B35
Arlington Bronze
- B07048
≈ Burnt Almond
- 83873C
≈ Witch Brew
Üçlü +120° +240°
- 9F7B35
Arlington Bronze
- 18939A
≈ Peacock Feather
- 9D6DA5
≈ Dark Lilac
Bölünmüş tamamlayıcı +150° +210°
- 9F7B35
Arlington Bronze
- 388BB2
≈ Carol
- 8276B8
≈ Purple Hebe
Dörtlü +90° +180° +270°
- 9F7B35
Arlington Bronze
- 34947A
≈ Illuminating Emerald
- 6081BC
≈ Granada Sky
- AE6888
≈ Cure All
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.91:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.35:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--arlington-bronze: #9f7b35;
--arlington-bronze-rgb: 159 123 53;
--arlington-bronze-oklch: oklch(0.604 0.098 81.5);
}
.element {
color: var(--arlington-bronze);
background-color: hsl(40 50% 42%);
border-color: oklch(0.604 0.098 81.5);
}Tailwind CSS v4
@theme {
--color-arlington-bronze: #9f7b35;
--color-arlington-bronze-50: #fff3d6;
--color-arlington-bronze-100: #f8e6c3;
--color-arlington-bronze-200: #e9d1a5;
--color-arlington-bronze-300: #d0b47d;
--color-arlington-bronze-400: #bc9958;
--color-arlington-bronze-500: #a77f2e;
--color-arlington-bronze-600: #8d6b29;
--color-arlington-bronze-700: #715621;
--color-arlington-bronze-800: #543e16;
--color-arlington-bronze-900: #3b2b0e;
--color-arlington-bronze-950: #251802;
}SCSS
$arlington-bronze: #9f7b35;
$arlington-bronze-rgb: 159, 123, 53;
$arlington-bronze-light: mix(#fff, $arlington-bronze, 20%);
$arlington-bronze-dark: mix(#000, $arlington-bronze, 20%);
.element {
color: $arlington-bronze;
box-shadow: 0 0 0 2px rgba($arlington-bronze, 0.35);
}