Cor nomeada mais próxima · #A79C49
#A79C49
Cor nomeada mais próxima: Formosan Green
#A79C49 (rgb(167 156 73), hsl(53 39% 47%), oklch(0.685 0.105 101.8)) é mais próxima da cor nomeada Formosan Green. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A79C49
oklch(0.685 0.105 101.8)
Conversões de cor
- HEX
- #a79c49
- RGB
- rgb(167 156 73)
- HSL
- hsl(53 39% 47%)
- HWB
- hwb(53 29% 35%)
- OKLCH
- oklch(0.685 0.105 101.8)
- OKLab
- oklab(0.685 -0.022 0.103)
- CIE Lab
- lab(64.03 -3.87 44.14)
- LCH
- lch(64.03 44.3 95)
- CMYK
- cmyk(0% 7% 56% 35%)
Tons claros · Sombras · Tons
Tons claros
- AFA65D
- B8B070
- C0B982
- C9C394
- D2CDA6
- DBD7B8
- E4E1C9
- EDEBDB
- F6F5ED
Sombras
- 91873E
- 7B7334
- 665F2A
- 524C20
- 3E3917
- 2C280E
- 1A1806
- 0A0902
- 010100
Tons
- A39951
- 9F9758
- 9B945E
- 979164
- 938E69
- 8F8C6E
- 8B8973
- 878678
- 84837C
Harmonias de cor
Complementar +180°
- A79C49
Formosan Green
- 8F92D9
≈ Portage
Análoga -30° +30°
- A79C49
Formosan Green
- C28F4B
≈ Light Copper
- 82A861
≈ Jealousy
Tríade +120° +240°
- A79C49
Formosan Green
- 3FA8C8
≈ Dragonfly Blue
- C67FAC
≈ Ice Plant
Complementar dividida +150° +210°
- A79C49
Formosan Green
- 689ED9
≈ Blue Electress
- B087C9
≈ Creeping Bellflower
Tétrade +90° +180° +270°
- A79C49
Formosan Green
- 32AEAA
≈ Tropical Tree
- 8F92D9
≈ Portage
- D27E89
≈ I Pink I Can
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--formosan-green: #a79c49;
--formosan-green-rgb: 167 156 73;
--formosan-green-oklch: oklch(0.685 0.105 101.8);
}
.element {
color: var(--formosan-green);
background-color: hsl(53 39% 47%);
border-color: oklch(0.685 0.105 101.8);
}Tailwind CSS v4
@theme {
--color-formosan-green: #a79c49;
--color-formosan-green-50: #faf7d5;
--color-formosan-green-100: #edeac2;
--color-formosan-green-200: #dbd7a3;
--color-formosan-green-300: #c0ba7a;
--color-formosan-green-400: #aba153;
--color-formosan-green-500: #958825;
--color-formosan-green-600: #7e7322;
--color-formosan-green-700: #655c1b;
--color-formosan-green-800: #4b4311;
--color-formosan-green-900: #342e0a;
--color-formosan-green-950: #201b01;
}SCSS
$formosan-green: #a79c49;
$formosan-green-rgb: 167, 156, 73;
$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);
}