En yakın adlandırılmış renk · #9D835D
#9D835D
En yakın adlandırılmış renk: Banner Gold
#9D835D (rgb(157 131 93), hsl(36 26% 49%), oklch(0.625 0.062 76.7)) en çok Banner Gold 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.
#9D835D
oklch(0.625 0.062 76.7)
Renk dönüşümleri
- HEX
- #9d835d
- RGB
- rgb(157 131 93)
- HSL
- hsl(36 26% 49%)
- HWB
- hwb(36 36% 38%)
- OKLCH
- oklch(0.625 0.062 76.7)
- OKLab
- oklab(0.625 0.014 0.06)
- CIE Lab
- lab(56.52 6.27 24.47)
- LCH
- lch(56.52 25.26 75.6)
- CMYK
- cmyk(0% 17% 41% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A78F6D
- B09B7C
- BAA78C
- C4B39C
- CDC0AC
- D7CCBC
- E1D9CD
- EBE5DD
- F5F2EE
Koyu tonlar
- 887150
- 736043
- 5F4F37
- 4C3F2A
- 3A2F1F
- 282014
- 18120A
- 090603
- 010100
Gri tonlar
- 9A8361
- 978365
- 948268
- 92826C
- 8F8270
- 8C8173
- 898176
- 86817A
- 83807D
Renk uyumları
Tamamlayıcı +180°
- 9D835D
Banner Gold
- 7089AD
≈ Windsurf Blue
Analog -30° +30°
- 9D835D
Banner Gold
- A77C68
≈ Tawny Birch
- 8C8A5E
≈ Woodland Walk
Üçlü +120° +240°
- 9D835D
Banner Gold
- 589394
≈ Bluebound
- 977CA1
≈ Divine
Bölünmüş tamamlayıcı +150° +210°
- 9D835D
Banner Gold
- 5E90A5
≈ Saltbox Blue
- 8482AC
≈ Aster Purple
Dörtlü +90° +180° +270°
- 9D835D
Banner Gold
- 62947F
≈ Cool Bluegrass
- 7089AD
≈ Windsurf Blue
- A4798F
≈ Angel Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.59:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.83:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--banner-gold: #9d835d;
--banner-gold-rgb: 157 131 93;
--banner-gold-oklch: oklch(0.625 0.062 76.7);
}
.element {
color: var(--banner-gold);
background-color: hsl(36 26% 49%);
border-color: oklch(0.625 0.062 76.7);
}Tailwind CSS v4
@theme {
--color-banner-gold: #9d835d;
--color-banner-gold-50: #fff4e2;
--color-banner-gold-100: #f3e6d1;
--color-banner-gold-200: #e3d2b7;
--color-banner-gold-300: #c9b494;
--color-banner-gold-400: #b39a75;
--color-banner-gold-500: #9e8157;
--color-banner-gold-600: #856d4a;
--color-banner-gold-700: #6b573b;
--color-banner-gold-800: #4f3f2a;
--color-banner-gold-900: #372c1c;
--color-banner-gold-950: #22190c;
}SCSS
$banner-gold: #9d835d;
$banner-gold-rgb: 157, 131, 93;
$banner-gold-light: mix(#fff, $banner-gold, 20%);
$banner-gold-dark: mix(#000, $banner-gold, 20%);
.element {
color: $banner-gold;
box-shadow: 0 0 0 2px rgba($banner-gold, 0.35);
}