En yakın adlandırılmış renk · #796443
#796443
En yakın adlandırılmış renk: Autumn Gold
#796443 (rgb(121 100 67), hsl(37 29% 37%), oklch(0.515 0.055 78.4)) en çok Autumn 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.
#796443
oklch(0.515 0.055 78.4)
Renk dönüşümleri
- HEX
- #796443
- RGB
- rgb(121 100 67)
- HSL
- hsl(37 29% 37%)
- HWB
- hwb(37 26% 53%)
- OKLCH
- oklch(0.515 0.055 78.4)
- OKLab
- oklab(0.515 0.011 0.054)
- CIE Lab
- lab(43.84 5.15 22.03)
- LCH
- lch(43.84 22.62 76.8)
- CMYK
- cmyk(0% 17% 45% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 867255
- 938166
- A09078
- AD9F8B
- BAAF9D
- C8BEB0
- D5CEC4
- E3DED7
- F1EFEB
Koyu tonlar
- 685639
- 58482F
- 483B26
- 392E1D
- 2B2214
- 1D160C
- 100B05
- 050301
- 010000
Gri tonlar
- 7A6749
- 7B6A50
- 7B6D56
- 7C6F5C
- 7D7262
- 7D7568
- 7E786E
- 7F7A74
- 7F7D7A
Renk uyumları
Tamamlayıcı +180°
- 796443
Autumn Gold
- 546987
≈ Aurora Borealis
Analog -30° +30°
- 796443
Autumn Gold
- 825E4C
≈ Acorn
- 6A6A45
≈ Fossil Green
Üçlü +120° +240°
- 796443
Autumn Gold
- 3F7173
≈ Peabody
- 755E7C
≈ Gala Ball
Bölünmüş tamamlayıcı +150° +210°
- 796443
Autumn Gold
- 456E81
≈ Blue Loneliness
- 666386
≈ Pharaoh Purple
Dörtlü +90° +180° +270°
- 796443
Autumn Gold
- 477262
≈ Christmas Ivy
- 546987
≈ Aurora Borealis
- 805B6D
≈ Euphoric Magenta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.64:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.71:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--autumn-gold: #796443;
--autumn-gold-rgb: 121 100 67;
--autumn-gold-oklch: oklch(0.515 0.055 78.4);
}
.element {
color: var(--autumn-gold);
background-color: hsl(37 29% 37%);
border-color: oklch(0.515 0.055 78.4);
}Tailwind CSS v4
@theme {
--color-autumn-gold: #796443;
--color-autumn-gold-50: #fdf4e4;
--color-autumn-gold-100: #f2e6d4;
--color-autumn-gold-200: #e1d2bb;
--color-autumn-gold-300: #c6b598;
--color-autumn-gold-400: #b09b7a;
--color-autumn-gold-500: #9a825c;
--color-autumn-gold-600: #826e4f;
--color-autumn-gold-700: #68583f;
--color-autumn-gold-800: #4d402d;
--color-autumn-gold-900: #362c1e;
--color-autumn-gold-950: #21190e;
}SCSS
$autumn-gold: #796443;
$autumn-gold-rgb: 121, 100, 67;
$autumn-gold-light: mix(#fff, $autumn-gold, 20%);
$autumn-gold-dark: mix(#000, $autumn-gold, 20%);
.element {
color: $autumn-gold;
box-shadow: 0 0 0 2px rgba($autumn-gold, 0.35);
}