Najbliższy nazwany kolor · #A79C4B
#A79C4B
Najbliższy nazwany kolor: Formosan Green
#A79C4B (rgb(167 156 75), hsl(53 38% 47%), oklch(0.685 0.103 101.7)) jest najbliższy nazwanemu kolorowi Formosan Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A79C4B
oklch(0.685 0.103 101.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFA65F
- B8B071
- C0B983
- C9C395
- D2CDA7
- DBD7B8
- E4E1CA
- EDEBDB
- F6F5ED
Odcienie ciemniejsze
- 918740
- 7B7335
- 665F2B
- 524C21
- 3E3917
- 2C280E
- 1A1806
- 0A0902
- 010100
Tony
- A39952
- 9F9759
- 9B945F
- 979165
- 938E6A
- 8F8C6F
- 8B8973
- 878678
- 84837C
Harmonie kolorów
Komplementarna +180°
- A79C4B
Formosan Green
- 8F92D8
≈ Portage
Analogowa -30° +30°
- A79C4B
Formosan Green
- C28F4D
≈ Light Copper
- 82A763
≈ Peeled Asparagus
Triada +120° +240°
- A79C4B
Formosan Green
- 42A8C7
≈ Dragonfly Blue
- C680AC
≈ Moonlight Mauve
Komplementarna rozszczepiona +150° +210°
- A79C4B
Formosan Green
- 699ED8
≈ Blue Electress
- AF87C9
≈ Creeping Bellflower
Tetrada +90° +180° +270°
- A79C4B
Formosan Green
- 36AEAA
≈ Tropical Tree
- 8F92D8
≈ Portage
- D17E89
≈ I Pink I Can
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}