Couleur nommée la plus proche · #796443
#796443
Couleur nommée la plus proche: Autumn Gold
#796443 (rgb(121 100 67), hsl(37 29% 37%), oklch(0.515 0.055 78.4)) est la plus proche de la couleur nommée Autumn Gold. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#796443
oklch(0.515 0.055 78.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 867255
- 938166
- A09078
- AD9F8B
- BAAF9D
- C8BEB0
- D5CEC4
- E3DED7
- F1EFEB
Ombres
- 685639
- 58482F
- 483B26
- 392E1D
- 2B2214
- 1D160C
- 100B05
- 050301
- 010000
Tons
- 7A6749
- 7B6A50
- 7B6D56
- 7C6F5C
- 7D7262
- 7D7568
- 7E786E
- 7F7A74
- 7F7D7A
Harmonies de couleurs
Complémentaire +180°
- 796443
Autumn Gold
- 546987
≈ Aurora Borealis
Analogue -30° +30°
- 796443
Autumn Gold
- 825E4C
≈ Acorn
- 6A6A45
≈ Fossil Green
Triadique +120° +240°
- 796443
Autumn Gold
- 3F7173
≈ Peabody
- 755E7C
≈ Gala Ball
Complémentaire divisée +150° +210°
- 796443
Autumn Gold
- 456E81
≈ Blue Loneliness
- 666386
≈ Pharaoh Purple
Tétradique +90° +180° +270°
- 796443
Autumn Gold
- 477262
≈ Christmas Ivy
- 546987
≈ Aurora Borealis
- 805B6D
≈ Euphoric Magenta
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.64:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.71:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
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);
}