Color con nombre más cercano · #A79C4B
#A79C4B
Color con nombre más cercano: Formosan Green
#A79C4B (rgb(167 156 75), hsl(53 38% 47%), oklch(0.685 0.103 101.7)) se parece más al color con nombre Formosan Green. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A79C4B
oklch(0.685 0.103 101.7)
Conversiones de color
- HEX
- #a79c4b
- RGB
- rgb(167 156 75)
- HSL
- hsl(53 38% 47%)
- HWB
- hwb(53 29% 35%)
- OKLCH
- oklch(0.685 0.103 101.7)
- OKLab
- oklab(0.685 -0.021 0.101)
- CIE Lab
- lab(64.05 -3.75 43.2)
- LCH
- lch(64.05 43.36 95)
- CMYK
- cmyk(0% 7% 55% 35%)
Tintes · Sombras · Tonos
Tintes
- AFA65F
- B8B071
- C0B983
- C9C395
- D2CDA7
- DBD7B8
- E4E1CA
- EDEBDB
- F6F5ED
Sombras
- 918740
- 7B7335
- 665F2B
- 524C21
- 3E3917
- 2C280E
- 1A1806
- 0A0902
- 010100
Tonos
- A39952
- 9F9759
- 9B945F
- 979165
- 938E6A
- 8F8C6F
- 8B8973
- 878678
- 84837C
Armonías de color
Complementario +180°
- A79C4B
Formosan Green
- 8F92D8
≈ Portage
Análogo -30° +30°
- A79C4B
Formosan Green
- C28F4D
≈ Light Copper
- 82A763
≈ Peeled Asparagus
Triádico +120° +240°
- A79C4B
Formosan Green
- 42A8C7
≈ Dragonfly Blue
- C680AC
≈ Moonlight Mauve
Complementario dividido +150° +210°
- A79C4B
Formosan Green
- 699ED8
≈ Blue Electress
- AF87C9
≈ Creeping Bellflower
Tetrádico +90° +180° +270°
- A79C4B
Formosan Green
- 36AEAA
≈ Tropical Tree
- 8F92D8
≈ Portage
- D17E89
≈ I Pink I Can
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--formosan-green: #a79c4b;
--formosan-green-rgb: 167 156 75;
--formosan-green-oklch: oklch(0.685 0.103 101.7);
}
.element {
color: var(--formosan-green);
background-color: hsl(53 38% 47%);
border-color: oklch(0.685 0.103 101.7);
}Tailwind CSS v4
@theme {
--color-formosan-green: #a79c4b;
--color-formosan-green-50: #faf7d5;
--color-formosan-green-100: #edeac3;
--color-formosan-green-200: #dbd7a4;
--color-formosan-green-300: #c0ba7c;
--color-formosan-green-400: #aba155;
--color-formosan-green-500: #948829;
--color-formosan-green-600: #7e7325;
--color-formosan-green-700: #645c1d;
--color-formosan-green-800: #4b4312;
--color-formosan-green-900: #342e0b;
--color-formosan-green-950: #201b01;
}SCSS
$formosan-green: #a79c4b;
$formosan-green-rgb: 167, 156, 75;
$formosan-green-light: mix(#fff, $formosan-green, 20%);
$formosan-green-dark: mix(#000, $formosan-green, 20%);
.element {
color: $formosan-green;
box-shadow: 0 0 0 2px rgba($formosan-green, 0.35);
}